Question

如何定位<ul>中<li class="more-toggle-news">内的jQuery：

    <ul>
  <li class="more-toggle-news"><span aria-hidden="true" class="icon-plus"></span><?php the_time('Y'); ?>
    <ul>
        <li>List Item</li>
        <li>List Item</li>
        <li>List Item</li>
    </ul>
  </li>
</ul>

我目前有这段代码：

jQuery('li.more-toggle-news').click(function() {
    var $this = jQuery(this);
    $this.next('ul').toggle();
    $this.find('span').toggleClass('icon-plus').toggleClass('icon-minus');
  });

Answer 1

试试这个：

jQuery('li.more-toggle-news').click(function () {
    var $this = jQuery(this);
    $this.find('ul').toggle();
    $this.find('span').toggleClass('icon-plus').toggleClass('icon-minus');
});

第一个ul：

$this.find('ul:eq(0)').toggle();

Answer 2

使用

$('li.more-toggle-news').find('ul');

Answer 3

试试.find()：http://jsfiddle.net/BvbUU/

jQuery('li.more-toggle-news').click(function() {
  var $this = jQuery(this);
  $this.find('ul').toggle();
  $this.find('span').toggleClass('icon-plus').toggleClass('icon-minus');
});

另请参阅fadetoggle()更新而不是`toggle（）'：http://jsfiddle.net/BvbUU/1/

编辑：获得第一个ul：http://jsfiddle.net/BvbUU/2/

$this.find('ul:first').toggle();

或

$this.find('ul:eq(0)').toggle();

Answer 4

使用.find()

而不是

$this.next('ul').toggle();

尝试

$this.find('ul').toggle();

.next()用于元素的兄弟。但在这里ul is a child。因此，请使用.find()来代替其子代

使用jQuery定位ul

4 个答案: