如何仅针对jQuery中的ul li:n子级(2)
我正在尝试仅将如何仅针对jQuery中的ul li:n子级(2),jquery,html,css-selectors,Jquery,Html,Css Selectors,我正在尝试仅将li:n子对象(2)宽度从230px设置为780px 我已经这样做了,但是现在每当在这一节中有一个li时,它就会给n个子项(3)一个780px的宽度 我如何只影响我正在尝试的一个元素的宽度 JS: $(document).ready(function(){ $("#getsocial").live('click', function(){ $(".homepage li:nth-child(1)").fadeOut(1000); $(".ho
li:n子对象(2)
宽度从230px
设置为780px
我已经这样做了,但是现在每当在这一节中有一个li
时,它就会给n个子项(3)
一个780px
的宽度
我如何只影响我正在尝试的一个元素的宽度
JS:
$(document).ready(function(){
$("#getsocial").live('click', function(){
$(".homepage li:nth-child(1)").fadeOut(1000);
$(".homepage li:nth-child(3)").fadeOut(1000);
$(".homepage ul > li:nth-child(2)").fadeOut(1000).delay(300).fadeIn(1000).animate({width:'780px'},1000);
$(".socialshare").hide().delay(2400).fadeIn(1000);
$(".goback").hide().delay(2400).fadeIn(1000);
});
});
<div class="homepage">
<ul>
<li>content here</li>
<li>
<ul>
<li>content here</li>
<li>content here</li>
<li>content here</li>
</ul>
</li>
<li>content here</li>
</ul>
</div>
我也试过:
$(document).ready(function(){
$("#getsocial").live('click', function(){
$(".homepage li:nth-child(1)").fadeOut(1000);
$(".homepage li:nth-child(3)").fadeOut(1000);
$(".homepage li:nth-child(2)").fadeOut(1000).delay(300).fadeIn(1000).animate({width:'780px'},1000);
$(".socialshare").hide().delay(2400).fadeIn(1000);
$(".goback").hide().delay(2400).fadeIn(1000);
});
});
HTML:
$(document).ready(function(){
$("#getsocial").live('click', function(){
$(".homepage li:nth-child(1)").fadeOut(1000);
$(".homepage li:nth-child(3)").fadeOut(1000);
$(".homepage ul > li:nth-child(2)").fadeOut(1000).delay(300).fadeIn(1000).animate({width:'780px'},1000);
$(".socialshare").hide().delay(2400).fadeIn(1000);
$(".goback").hide().delay(2400).fadeIn(1000);
});
});
<div class="homepage">
<ul>
<li>content here</li>
<li>
<ul>
<li>content here</li>
<li>content here</li>
<li>content here</li>
</ul>
</li>
<li>content here</li>
</ul>
</div>
- 满足于此
-
- 满足于此
- 满足于此
- 满足于此
- 满足于此
提前感谢您提供的帮助:)请改用此选择器:
.homepage > ul > li:nth-child(2)
这将适用于您上面发布的html,因为现在它只适用于
的直接后代ul
,因此不适用于您的子ul
可能”。主页>ul>li:nth child(2)
?真的不清楚你想做什么。你能说得更具体些吗?你想锁定两个ul
s中的哪一个?@Jon基本上我正在将主页ul li:nth child(2)放大到780px,这样这个div中的所有内容都能正确显示。但是当我在这个列表中发布另一个列表时,第二个列表的宽度为780px,这打破了它的外观。有两个元素匹配ul li:nth child(2)
。你想放大哪一个?我想你没有在第一次评论中尝试我的建议吧?谢谢,所以我也需要在ul之前使用>