如何仅针对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之前使用>