用jquery则么选择所有ul下的第一个li;

用jquery则么选择所有ul下的第一个li;,第1张

1、取出所有的ul

2、遍历ul,取出ul下的第一个li

3、改变li的背景样式

$(function(){

    $("ul")each(function(){

        //取出ul下的第一个li

        var li= $(this)children()first();

        licss("background","pink");

    });

});

你是想问这个选择器怎么写么?

function sel(i, j) {

    return $('ul:eq('+i+') li:eq('+j+')');

}

你好!

是想要获取有style属性的元素的位置么?

如果这样的话,可以使用如下代码:

$(function(){

    alert(      

         //$("divshpa")为所有class为sh pa的div对象集合

         $("divshpa")  index(        

                 //含有style属性且class为sh pa的div元素

                 $("divshpa[style]")

          )

    );

});

或者直接通过循环处理:

$(function(){

         $("divshpa")each(function(index){

                 //不含有style属性的div元素会返回一undefined值

                 if(typeof($(this)attr("style"))!="undefined"){

                        alert(index);

                        return false;

                 }

          });

});

以上的索引都是从0开始。

$('li')each(function(index, item){

    if( index % 3 === 0 ){

            var li = $(item);

        licss('margin', 0);

    }

});

可以用jquery选择器的:eq选择器或者jquery遍历的eq()方法,下面带那给出ul下第4个li的内容

$("ul li:eq(3)")  // 元素的index位置工0开始计数,所以这里的3实际为第4个元素

$("ul")find("li")eq(3)

示例代码如下

创建Html元素

<div class="box">

<span>点击按钮获取指定位置元素:</span><br>

<div class="content">

<li>梨子</li>

<li>李子</li>

<li>栗子</li>

<li>荔枝</li>

</div>

第&nbsp;<input type="text" name="num">&nbsp;个li元素<input type="button" value="确定">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

li{margin:10px 0;}

input[type='text']{width:50px;padding:5px 10px;border:1px solid #ff9966;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

$("input:button")click(function() {

num = $("input:text[name='num']")val()-1;  // index从0开始计算

str = $("divcontent")find("li")eq(num)text(); // eq()遍历方法

// 或者使用如下:eq()选择器的方法,单数之一要拼接字符串

// str = $("divcontent li:eq("+num+")")text()   // :eq()选择器

alert(str);

})

})

观察效果

$("ulzhiList li")click(function(){

    $("ulzhiList li")removeClass("zhistyle");

    $(this)addClass("zhistyle");

    $("divzhifufangshi")css("display","none");

    $("divzhifufangshi")eq($(this)index())css("display","block");

})

以上就是关于用jquery则么选择所有ul下的第一个li;全部的内容,包括:用jquery则么选择所有ul下的第一个li;、jQuery 选中第a个<ul>的第b个<li>、jquery怎么判断第几个元素含有特定样式,希望是输出2,找到是第2个li,我写的都不行等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9632378.html

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

发表评论

登录后才能评论

评论列表(0条)

保存