умение выбирать индивидуальный ли с помощью jquery

Question

умение выбирать индивидуальный ли с помощью jquery

0

У меня есть список li, каждый из которых включает в себя параметры меню, которые выходят с правой стороны, но я хочу, чтобы только один клик применялся к одному литу за раз.

$('#list li .swipe').click (function(i) {
        var t = $('.options');
        var ul = t.closest('#list');
        var selected = t.hasClass('selected');
        ul.find('li .options').removeClass('selected');

        if(!selected)
                t.addClass('selected');
 });

$('.options a').click(function(e) {
      var id = $(this).closest("li").attr("data-id");

      $(this).closest("li").fadeTo("fast", 0.01).slideUp("fast", function() {
        $(this).remove();
      });
      e.preventDefault(); 
});

Пример этого в действии http://jsfiddle.net/zidski/V8Qvy/

user1177860 23 янв. 2014, в 12:33

Источник

0

«Я хочу, чтобы клик применялся только к одному li одновременно». - Который из?
nnnnnn 23 янв. 2014, в 11:03
0

Вы можете нажать на них в произвольном порядке
user1177860 23 янв. 2014, в 11:04
0

Я имею в виду, откуда вы знаете, какой клик должен применяться? Или, может быть, я имею в виду, что понятия не имею, что вы имеете в виду. Можете ли вы объяснить ваше требование более подробно?
nnnnnn 23 янв. 2014, в 11:05
0

Мне просто какие то варианты справа будут видны по одному, текущие все они появляются по одному клику.
user1177860 23 янв. 2014, в 11:07

Показать ещё 2 комментария

Теги:

javascript

jquery

3 ответа

1

Использовать это:

    var t = $(this).next('.options');

Когда вы говорите $('.options') он соответствует всем параметрам, а не только после DIV, на который было нажато.

FIDDLE

Barmar 23 янв. 2014, в 09:06

0

Вы должны применить класс к this элементу:

$('li .options').removeClass('selected'); // Clean the selected ones
if(!selected)
    $(this).addClass('selected'); // Apply to the clicked one

naoxink 23 янв. 2014, в 09:07

0

selected должен быть добавлен к элементу .options , вы применяете его к .swipe которому щелкнули.
Barmar 23 янв. 2014, в 11:13
0

Правда, тогда ваш ответ правильный :)
naoxink 23 янв. 2014, в 11:17

Ещё вопросы

«Я хочу, чтобы клик применялся только к одному li одновременно». - Который из?
Вы можете нажать на них в произвольном порядке
Я имею в виду, откуда вы знаете, какой клик должен применяться? Или, может быть, я имею в виду, что понятия не имею, что вы имеете в виду. Можете ли вы объяснить ваше требование более подробно?
Мне просто какие то варианты справа будут видны по одному, текущие все они появляются по одному клику.
selected должен быть добавлен к элементу .options , вы применяете его к .swipe которому щелкнули.
Правда, тогда ваш ответ правильный :)

nnnnnn · Accepted Answer · 2014-01-23T08-31-00.000Z

Если я правильно понимаю ваше требование, вам нужно следующее:

$('#list li .swipe').click (function(i) {
    $('.options').not( $(this).next().toggleClass('selected') )
                 .removeClass('selected');
});

Демо: http://jsfiddle.net/V8Qvy/5/

Или если это выглядит беспорядочно:

$('#list li .swipe').click (function(i) {
    var $current = $(this).next().toggleClass('selected');
    $('.options').not( $current ).removeClass('selected');
});

Или для внесения незначительных изменений в структуру html:

$('#list li .swipe').click (function(i) {
    var $current = $(this).closest('li')
                          .find('.options')
                          .toggleClass('selected');
    $('.options').not( $current ).removeClass('selected');
});

Демо: http://jsfiddle.net/V8Qvy/6/

То есть, начните с выбора элемента '.options' с помощью $(this), а затем перейдите к соответствующему div '.options'.

Вы не отменяете выбор других строк, когда выбираете строку.
@ Бармар - Хороший вопрос. Сверхъестественное упрощение с моей стороны. Ответ обновлен.