.remove() не работает в IE и Firefox

Question

я загружаю Div элемент с помощью JQuery .load() метод как это:

$(document).ready(function() { 
    $(".module-wrapper").load("index.php?option=com_k2&view=itemlist&Itemid=974 .genericItemList"); 
}); 

Через что я получаю список элементов, скажем, 5 из них.

<div class="module-wrapper"> 
    <div class="genericItemList"> 
     <div class="genericItemView">Item 1</div> 
     <div class="genericItemView">Item 2</div> 
     <div class="genericItemView">Item 3</div> 
     <div class="genericItemView">Item 4</div> 
     <div class="genericItemView">Item 5</div> 
    </div>  
</div> 

Теперь я хочу использовать jQuery .remove(), потому что хочу показать только первые 3 элемента. HTML, приведенный выше, является просто примером, на самом деле каждый элемент имеет много HTML-кода, поэтому я хочу использовать jQuery .remove() вместо отображения CSS: none.

Я делаю это так:

$(window).load(function() { 
    $(".module-wrapper .genericItemView:gt(2)").remove(); 
}); 

Это работает только Chrome, но не в Firefox или IE, где я могу видеть все 5 пунктов.

Любые предложения?

Answer 1

Чтобы убедиться, что код работает только после того, как были загружены элементы, вы должны положить его в функцию обратного вызова, переданного load():

$(document).ready(function() { 
    $(".module-wrapper").load(
     "index.php?option=com_k2&view=itemlist&Itemid=974 .genericItemList", 
     function() { 
      $(".module-wrapper .genericItemList:gt(2)").remove(); 
     } 
    ); 
}); 

Ваш Селектор класс также может быть неправильно, я попытался исправить ее в код выше. Похоже, что вы хотите сопоставить потомков .module-wrapper, которые выставляют класс genericItemList, но ваш исходный селектор соответствует элементам, которые вместо этого выставляют классыи еще.

Answer 2

Вы можете использовать успех обратного вызова метода load() писать Dóm манипуляции

$(document).ready(function() { 
    $(".module-wrapper").load("index.php?option=com_k2&view=itemlist&Itemid=974 .genericItemList", function(){ 
     $(".genericItemView:gt(2)", this).remove(); 
    }); 
}); 

Answer 3

изменение genericItemList в genericItemView

$(".module-wrapper .genericItemView:gt(2)").remove(); 

Answer 4

Измените имя класса genericItemView к genericItemList.

$(".module-wrapper .genericItemList:gt(2)").remove(); 

See Demo

Answer 5

Изменить это $(".module-wrapper.genericItemView:gt(2)").remove(); к $(".module-wrapper .genericItemList:gt(2)").remove();

Answer 6

добавить пробел перед .genericItemList

$(".module-wrapper .genericItemList:gt(2)").remove();