щелкните элемент, не затрагивая другие элементы с такой же структурой

Question

щелкните элемент, не затрагивая другие элементы с такой же структурой

0

У меня есть элемент HTML с такой же структурой, но я хотел, чтобы мой jquery влиял только на конкретный элемент, который я нажал, вместо этого он затрагивает все элементы в DOM. Вот моя скрипка.

//HTML Code
<div class="category">
<h3>This is the title</h3>
<ul>
    <li>Sub menu one</li>
    <li>Sub menu two</li>
    <li>Sub menu three</li>
    <li>Sub menu four</li>
    <li>Sub menu five</li>
    <li>Sub menu six</li>
    <li>Sub menu seven</li>
</ul>
</div>
<div class="category">
    <h3>This is the title</h3>
<ul>
    <li>Sub menu one</li>
    <li>Sub menu two</li>
    <li>Sub menu three</li>
    <li>Sub menu four</li>
    <li>Sub menu five</li>
    <li>Sub menu six</li>
    <li>Sub menu seven</li>
</ul>
</div>

//jquery

$(function(){
   $('.category > h3').click(function(){
     $('.category > ul').slideToggle("fast");
      });


$('.category > h3').click(function(event){
    $(this).toggleClass('clicked')
    });

 });

user2794024 19 сен. 2013, в 07:34

Источник

Теги:

jquery

html

dom

5 ответов

0

использование

$(this).next('ul').slideToggle("fast");

Вместо

$('.category > ul').slideToggle("fast");

Rakesh Juyal 19 сен. 2013, в 04:13

0

Или как это, может быть немного менее восприимчивым к изменениям

$(function(){
   $('.category > h3').click(function(){
     $(this).find('.category > ul').slideToggle("fast");
  });

Stefan Steiger 19 сен. 2013, в 04:08

0

использование

   $('.category > h3').click(function(){
     $(this).next("ul").slideToggle("fast");
  });

DEMO

Jason OOO 19 сен. 2013, в 03:58

0

Для этого вы можете использовать следующую функцию, также лучше комбинировать два события click для лучшей производительности, например

$(function(){
 $('.category > h3').click(function(){
   $(this).next("ul").slideToggle("fast");
   $(this).toggleClass('clicked')
 });


});

http://jsfiddle.net/tnsWj/8/

Manu M 19 сен. 2013, в 03:04

Ещё вопросы

Abhishek Jain · Accepted Answer · 2013-09-19T03-20-00.000Z

Попробуй это:

  $(function(){
   $('.category > h3').click(function(){
     $(this).next().slideToggle("fast");
  });

скрипка