jquery子节点,jquery遍历子节点

jquery怎么判断节点下面是否还有子节点

div id="isSon"/div

script

  $(document).ready(function(){

    if ($("#isSon").children().length0) {

      alert("有子节点！");

    }else{

      alert("没有子节点了！");

    }

  })

/script

刚开始我在if里面用的判断条件是，是否为空，结果一直跳出有节点，后来发现这么一句话： jQuery选择器获取页面的element时，无论element是否存在，都会返回一个object对象

才豁然开朗，才用现在的这个条件，也谢谢你的这个提问，让我多涨了知识，与君共勉。

相关问答

Q1: 如何用jquery选择父节点下的第一代子节点

    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

Q2: jquery根据属性值获取子节点

比如说父节点的Id是xxx，里面有个子节点的yyy属性的值是zzz，则

$("#xxx [yyy=zzz]")

或者父节点已经获取到变量x中，则

$("[yyy=zzz]",x)

Q3: 用jquery怎么取父节点的兄弟节点的所有子节点

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' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

Q4: jquery第一个子节点怎么获得

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

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script标签，输入jquery代码：

$('body').append($('body').children(":first").text());

3、浏览器运行index.html页面，此时成功获取到了body元素的第一个子元素并打印了其内容。

Q5: jquery 判断对象是否有子节点

可以使用children() 方法返回被选元素的所有直接子元素。然后通过计算返回子元素的数量来判断，如果不为0则说明有子节点。