可以使用jQuery的children方法来获取某个元素下的所有子元素。
工具原料:编辑器、浏览器
1、使用children方法可以获得选择器下的所有子元素,代码实例如下:
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>
2、运行的结果是找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色,结果如下:
思路:添加前先计算已经存在的同类节点的个数,那么新添加的编号加上1即可。下面实例演示——点击按钮添加新的文本框,并给出带有编号的注释文字:
1、HTML结构
<div id="test">
选项1:<input type="text"><br>
选项2:<input type="text"><br>
</div>
<input type="button" value="提交">
2、jquery代码
$(function(){
$(":button")click(function() {
var num = $("#test :text")length + 1; // 计算同类节点数 + 1,即当前编号
$("#test")append("选项" + num + ":<input type='text'><br>");
});
});
3、效果演示
$('table tr td:not(:first-child)')css('background', '#000');
获取所有td,但是这个td不包含第一个子元素
单独获取一个列
// 获取第三列$('table tr td:nth-child(3)')css('background', '#000');
JQ通过class取得元素是$("class")
请参考>
以上就是关于jquery如何获取一个元素中的有哪些数字,并打印出来全部的内容,包括:jquery如何获取一个元素中的有哪些数字,并打印出来、jquery怎么自动生成彩色的序列号、用jquery能使用$("tbody tr:even")来取得所有序号为偶数的单元格,那怎么来取得表格指定列的单元格呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)