jQuery .each () с несколькими селекторами - пропустите, затем .empty () элементы - PullRequest
Новая
       18

jQuery .each () с несколькими селекторами - пропустите, затем .empty () элементы

2 голосов
/ 20 марта 2010

Я хотел бы удалить все соответствующие элементы, но пропустить первый экземпляр каждого соответствия: 

// Works as expected: removes all but first instance of .a
jQuery ('.a', '#scope')
    .each ( function (i) { 
        if (i > 0) jQuery (this).empty();
    });

// Expected: removal of all but first instance of .a and .b
// Result: removal of *all* instances .a and .b
jQuery ('.a, .b', '#scope')
    .each ( function (i) { 
        if (i > 1) jQuery (this).empty();
    });

<div id="scope">

    <!-- Want to keep the first instance of .a and .b -->

    <div class="a">[bla]</div>
    <div class="b">[bla]</div>

    <!-- Want to remove all the others -->

    <div class="a">[bla]</div>
    <div class="b">[bla]</div>

    <div class="a">[bla]</div>
    <div class="b">[bla]</div>
    ...
</div>

Есть предложения?

  • Использование jQuery() вместо $() из-за конфликта с устаревшим кодом
  • Использование .empty(), поскольку .a содержит JS, который я хотел бы отключить
  • Застрял с JQuery 1.2.3

Спасибо тебе!

Ответы [ 2 ]

3 голосов
/ 20 марта 2010

Попробуйте: 

$('.a:gt(0), .b:gt(0)').remove();

Я не уверен, возможно ли объединение их в один селектор с :gt(), это может изменить область и удалить их все после первого .a.

1 голос
/ 20 марта 2010

Похоже, ваш HTML неверен. Я изменил его следующим образом: 

<div id="scope">

    <!-- Want to keep the first instance of .a and .b -->

    <div class="a">[bla]</div>
    <div class="b">[bla]</div>

    <!-- Want to remove all the others -->

    <div class="a">[bla]</div>
    <div class="b">[bla]</div>

    <div class="a">[bla]</div>
    <div class="b">[bla]</div>
    ...
</div>

Тогда, похоже, это сработало: 

jQuery('div#scope div.a').not(':first').empty();
jQuery('div#scope div.b').not(':first').empty();
...