не удалось удалить вложенные списки в переменной jQuery - PullRequest
Новая
       19

не удалось удалить вложенные списки в переменной jQuery

0 голосов
/ 09 марта 2010

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

               var $li = $("ol#update li");
                function animate_li(){
                   $li.filter(':first')
                      .animate({
                         height:  'show',
                         opacity: 'show'
                      }, 500, function(){
                        animate_li();
                      });
                  $li = $li.not(':first');
                }
                animate_li();

теперь я хочу , а не , чтобы показывать или анимировать вложенные списки (ol) или ссылки в ol

посмотрите на пример здесь

Структура моих олов 

 <ol>
 <li class="bar248">
        <div class="nli">
        <div class="pic">
            <img src="dir/anonymous-thumb.png"alt="image" />
        </div>
        <div align="left" class="text">
        <span>
                <span class="delete_button"><a href="#" id="test" class="delete_update">R</a></span>

                test shouted <span class="timestamp"> 2010/02/24 18:34:26 </span> <br />
        this
        </span>
        </div>

        <div class="clear"></div>
        </div>
        <div class="padd">

        </div>
        <ol class="comment">
            <li>                       
                    <div>Testing </div>
            </li>
            <li>
                    <div>Another Test </div>
            </li>

        </ol>

    </li>

  </ol>

Я могу скрыть вложенные оли, используя этот код ... 

      $("ol#update li ol").hide();

Но все же время уходит на их анимацию, хотя они скрыты

Я не могу удалить вложенные библиотеки с помощью этого кода 

var $li = $("ol#update li").not("ol#update li ol");
$li = $li.not("ol#update li ol");

Взгляните на это здесь

Любая помощь

спасибо
Pradyut

1 Ответ

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

Вы пытались настроить свой оригинальный список следующим образом: 

var $li = $("ol#update > li");

Это получит только элементы <li>, которые являются прямыми потомками списка <ol id="update">.

Если вы уже настроили $li без «>», вы можете удалить «вложенные» <li> элементы из этого списка, используя «фильтр»: 

var $li = $('ol#update li'); // gets all <li> elements, even the nested ones

// ...

var $notNested = $li.filter('ol#update > li');
// or, if you prefer,
var $notNested = $li.filter(':not(ol#update li ol li)');
...