JQuery如何获取子元素的子元素,比如<ul id='menu'><li><ul><li><li&g

JQuery如何获取子元素的子元素,比如<ul id='menu'><li><ul><li><li&g,第1张

第一种方法:

使用$("#menu")children()html();

这样会获得"<li><ul><li></li></ul><li>"

第二种方法:

$("#menu > ul > li")

基于上面的json数据,虽然说算上第三层解析起来也不会消耗多少时间,但感觉还是让第三层延时加载比较不错。

不知道楼主是不是也是这个意思?

如果是的话,就需要在生成第二层json,并在回调函数中处理的时候,为动态生成第三层数据做准备。

举例来说,比方说前两层都是菜单,加载前两层后,回调函数中,需要对含有3层目录的菜单,添加单机事件,这样在点击3层菜单时,就会动态去取得所包含的内容。

表达不够明白,还请糊涂的看吧··

function sunWidth(){

    var w1 = 0;

    var $lis = $(this)children("ul")children("li")

    $liseach(function(){

     w1 += thisouterwidth(/true/);//参数true表示包括边距(margin);

    });

    return w1;

}

alert (sunWidth())

jquery提供了丰富的选择器用以帮助我们方便的 *** 作页面的dom元素。为了方便解释这个问题我们先构建一个html代码片段:

<div id="test">

  <ul id="ul1">

    <li>ul1-1</li>

    <li>ul1-2</li>

    <li>ul1-3</li>

  </ul>

  <ul id="ul2">

    <li>ul2-1</li>

    <li>ul2-2</li>

    <li>ul2-3</li>

  </ul>

</div>

下面我们逐步来分析你所说的语句,首先假定this为id为test的div元素,那么$(this)既是选中了整个id为test的div元素。$('#test')find('ul')是选取对象中所有的ul标签

:first代表选取第一个元素,类似的:last代表选择最后一个元素,如果希望灵活的选择某个元素可以用:eq(i),i代表元素的下标。

所以$('#test')find('ul:first')代表选中第一个ul

空格代表选择该对象的子元素,所以$('#test')find('ul:first li')代表选择ul1中的3个li

$(function(){ $('#topmenu>li')click(function(){ $(this)parent()find('liqhbg')removeClass('qhbg'); $(this)addClass('qhbg'); });});

以上就是关于JQuery如何获取子元素的子元素,比如<ul id='menu'><li><ul><li></li></ul><li></ul>如何获取最里面的li全部的内容,包括:JQuery如何获取子元素的子元素,比如<ul id='menu'><li><ul><li></li></ul><li></ul>如何获取最里面的li、jquery 读取json数据 动态生成ul li 实现menu 求助、大神,请问jquery怎么获取ul下的多个li元素的宽度总和等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9459555.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存