JQ 获取ul\ol 下面li的个数

  使用 jQuery 获取 ul 下面 li 的个数,那么我们需要遍历我们的ul。如果你的ul有class 、id 或两者都没,您可以使用 ul 标签来遍历。

//遍历ul 获取li个数
    $(".ulClass/#ulId/ul").each(function (index, value) {
        var l = $(this).find("li").length;
        console.log(l);
    });

  或者您不知道到 this 指代啥,您也可以不用this。

$(".ulClass/#ulId/ul").each(function (index, value) {
        var l = $(value).find("li").length;
        console.log(l);
    });

  那么这里 .ulClass/#ulId/ul ,我是一下, class 就使用“.”, id 就使用“#”,直接是标签就使用标签 ul。

  如果你不想用 find() 找 li 元素,你也可以使用 children() 来找,同理你要找改元素的父类,你就使用 parent (直接父类)和 parents (所有的父类)。

$(".ulClass/#ulId/ul").each(function (index, value) {
        var l = $(this).children("li").length;
        console.log(l);
    });

  简单小结,毕竟自己太爱忘记了!

原文地址:https://www.cnblogs.com/gzbit-zxx/p/10080869.html

时间: 2024-11-02 23:30:58

JQ 获取ul\ol 下面li的个数的相关文章

query怎么获取ul下的多个li元素的宽度总和

一般情况下,li 的宽度是固定的话, 直接 获取li的数量  *  宽度就可以了 比如: 获取li 的个数: var lis = $('ul li ').length; 如果 li 宽度是  100的话. var UL= lis * 100; ul宽度 = li 个数 * li 的宽度 li 的宽度不是固定的 var sumWidth =0;  $("ul").find("li").each(function(){sumWidth += $(this).witdh(

Jquery和JS获取ul中li标签

js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var div=document.getElementById('a'); var ul=div.childN

ul ol li的序号编号样式

首先来那看一个序号样式的例子,下面是html代码(做参考) <ol> <li>列表内容列表内容列表内容列表</li> <li>列表内容列表内容列表内容列表</li> <li>列表内容列表</li> <li>列表内容列表内容4</li> <li>列表内容列表内容5</li> </ol> 一.示例 1.自定义序号, 一般的列表顺序都是以1.2.3.为序号,但需要“.”

jquery获取ul中的第一个li

$("ul li:first"); $("ul li").eq(0);$("ul li").first();$("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置,第二个参数是结束的位置 <script type="text/javascript">//方案一$(function(){var list=$("ul");for (var i =

使用jquery获取ul中当前正在点击的li的索引

<ul class="list"> <li>哈哈</li> <li>呵呵</li> <li>嘻嘻</li> <li>jj</li> </ul> let li = $(".list li"); li.click(function() { console.log($(this).index()); }); 原文地址:https://www.cnblog

关于css中列表(ul ol)存在默认间距的问题

一.总结: 有时候我们要给列表(ul ol 本身就是属于块级元素)的上表框或下边框设置颜色,如下: 但是在给内联块级元素(inline-block)的上表框或下边框设置颜色的时候,就没有这么简单: 在前辈的博客中了解到:ul或ol中的li与li之间之所以会有间隙,是因为空白符引起的. 因为我们一般都是一行一个li,换行都会产生空白符.上面的日历也可以看到每个数之间有明显的间隙. 解决办法:将ul或ol的font-size设置为0,消去空白间隙,重新在给li定义字体的大小. 修改后的效果: 需要注

js|jq获取兄弟节点,父节点,子节点

08.19自我总结 js|jq获取兄弟节点,父节点,子节点 一.js var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test.lastChile; // 最后一个子节点 var previous = test.previousSibling; // 上一个兄弟节点 var next = test

div span ul ol 区别

一不小心跑偏了qwq 1.ol和ul <ol> <li> </li> <li> </li> <ul> <ul> <li> </li> <li> </li> </ul> 上面那两块的区别在于ul块中的行有小圆点,<li>是行的意思: 2.div和span div和span都是块,但是div是自动分行的:

html 中的ul,ol标签

ul为无序列表 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> ol 为有序列表 <ol type="A"> <li>1</li> <li>2dd</li> <li>3</li>