Question

我需要将有序列表的第4个li子项分配给变量$ target，使其淡出

这是jQuery代码......只需要设置一些等于$ target的东西但是无法弄清楚

$(document).ready(function() { 
    var $target = '';
    $target.fadeOut('fast');
});

Answer 1

<ol clas="myList">
   <li></li>
   <li></li>
   <li></li>
   <li>HELLO</li>
   <li></li>
</ol>

鉴于上述标记，使用以下jQuery获取第4个li：

var $target = $('.myList li').eq(3);
$target.fadeOut();
//$target.html() == 'HELLO';

Answer 2

您可以通过多种方式选择第4个li，我倾向于使用nth-of-type，但有很多方法可以select和/或traverse。

＆＃13;

$(document).ready(function(){
  var $target = $('li:nth-of-type(4)');
  $target.fadeOut('fast');
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

＆＃13;

为了更好地体验这里的问题，请务必在询问前查看relevant documentation。

Answer 3

你没有发布任何代码，所以很难看出这是不是你想要的，但我认为是：

$target = $('ul').find('li').eq(3);

这是自我解释，但以防万一：您首先选择列表('ul')，然后选择项目('li')和eq(3)（第四项）您最终缩小您的范围搜索你想要的元素。

不要担心掉线。我现在也收到它们。当你是初学者时，很难在这里感受到自己的欢迎，但你会习惯它。

如何在Jquery中将变量分配给有序列表的成员

3 个答案: