1、取出所有的ul
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>
第 <input type="text" name="num"> 个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,我写的都不行等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)