重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
div id="isSon"/div
创新互联-专业网站定制、快速模板网站建设、高性价比长沙网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式长沙网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖长沙地区。费用合理售后完善,十多年实体公司更值得信赖。
script
$(document).ready(function(){
if ($("#isSon").children().length0) {
alert("有子节点!");
}else{
alert("没有子节点了!");
}
})
/script
刚开始我在if里面用的判断条件是,是否为空,结果一直跳出有节点,后来发现这么一句话: jQuery选择器获取页面的element时,无论element是否存在,都会返回一个object对象
才豁然开朗,才用现在的这个条件,也谢谢你的这个提问,让我多涨了知识,与君共勉。
ul id="wrap"
li class="li1"1
ul
li class="li1.1"1.1/li
li class="li1.2"1.2/li
/ul
/li
li class="li2"2
ul
li class="li2.1"2.1/li
li class="li2.2"2.2/li
/ul
/li
/ul
script src="jquery-3.1.1.js"/script
script
//wrap下所有的的li标签
$("#wrap").find("li").each(function () {
console.log("Find: "+$(this).attr("class"))
});
//wrap下子标签
$("#wrap").children("li").each(function(){
console.log("Children: "+$(this).attr("class"))
});
/script
比如说父节点的Id是xxx,里面有个子节点的yyy属性的值是zzz,则
$("#xxx [yyy=zzz]")
或者父节点已经获取到变量x中,则
$("[yyy=zzz]",x)
jquery获取父元素方法比较多,比如parent(),parents(),closest(),find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点。
$('#cur').parent().parent();或$('#cur').parent().parent('.pp');或$('#cur').parent('.pp');
jquery 兄弟节点的获取
ul
li
h3 class="title"类目一/h3
ul
li第一项/li
li第二项/li
/ul
/li
li
h3 class="title"类目二/h3
ul
li第一项/li
li第二项/li
/ul
/li/ul
比如要点击类目一所在的 h3,对其兄弟节点的 ul 添加一个叫做 "show" 的 class,代码如下:
$(".title").click(function () { $(this).parent().find('ul').addClass('show'); });
就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul,还有一种方法是使用 siblings() 函数,代码如下:
(".title").click(function() { $(this).siblings('ul').addClass('show'); })
子节点怎么获得 .
$("#tbody1:first-child")
:first-child
匹配第一个子元素
':first' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('body').append($('body').children(":first").text());
3、浏览器运行index.html页面,此时成功获取到了body元素的第一个子元素并打印了其内容。
可以使用children() 方法返回被选元素的所有直接子元素。然后通过计算返回子元素的数量来判断,如果不为0则说明有子节点。