jquery如何获取指定table的html,并且要包含input输入的值

jquery如何获取指定table的html,并且要包含input输入的值,第1张

取得table中的input:

$('table input')

取得table中第一个input:

$('table input:eq(0)')

取得table中第一个input的value:

$('table input:eq(0)')val()

遍历table中的所有input,d出value:

$('table input')each(function(){

alert($(this)val());

});

首先你的var x=documentgetElementsByTagName("p");这个语句执行后,x是个dom数组,而不是jquery对象。y引用了dom数组的一个元素,你可以通过获得yinnerHTML的值的方式获得文本值。

可以测试下:

$(document)ready(function(){

var x=documentgetElementsByTagName("p");

var y=x[0];

alert(yinnerHTML); //获得第一个p元素标签中的文本

});

需要准备的材料分别有:电脑、chrome浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。

2、其次在indexhtml中的<script>标签,输入js代码:

documentbodyinnerText = $(window)height();

3、浏览器运行indexhtml页面,此时会通过jquery获取到窗口高度“743”并打印出。

<body>

 <table>

<tr id="tr1"><td><input type="checkbox" name="check1" onclick="checkStr(this,1)"  ></td><td>id1</td><td>lang1</td><td>lat1</td></tr>

<tr id="tr2"><td><input type="checkbox" name="check2" onclick="checkStr(this,2)"  ></td><td>id2</td><td>lang2</td><td>lat2</td></tr>

<tr id="tr3"><td><input type="checkbox" name="check3" onclick="checkStr(this,3)"  ></td><td>id3</td><td>lang3</td><td>lat3</td></tr>

<tr id="tr4"><td><input type="checkbox" name="check4" onclick="checkStr(this,4)"  ></td><td>id4</td><td>lang4</td><td>lat4</td></tr>

 </table> 

</body>

 

<script>

function checkStr(obj,id){

 if(objchecked){

var a=$("#tr"+id+" td:gt(1)"); 

for(var i =0; i<=alength-1; i++){

consolelog(a[i]innerText);

}

  }

}

</script>

以上就是关于jquery如何获取指定table的html,并且要包含input输入的值全部的内容,包括:jquery如何获取指定table的html,并且要包含input输入的值、jQuery怎么获得一个元素中的文本内容,比如这个简单的例子、jquery 中用$(window).height() 怎么获取的高度不是窗口的高度呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9339877.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存