Для каждого div с тем же классом сделайте что-нибудь

Question

У меня есть div div с тем же классом. Внутри этого divs я добавил еще один div, чтобы разместить объявление. Теперь я пытаюсь скрыть объявление div, если ширина div, которая содержит мое объявление div, равна 366px;

Я попытался код, приведенный ниже, но он скрывает только мой первый рекламный DIV ..

Пример:

<div class="masterdiv"> 
<div id="myaddiv"></div> 
</div> 

<div class="masterdiv"> 
<div id="myaddiv"></div> 
</div> 

<div class="masterdiv"> 
<div id="myaddiv"></div> 
</div> 

и мой JQuery код:

var adwidth = $(".masterdiv").width(); 
if (adwidth == 366){ 
$('#myaddiv').hide(); 
} 

Спасибо!

Answer 1

Потому что var adwidth = $(".masterdiv").width(); возвращает только первое значение. Ответ в вашем названии, вам нужно использовать каждый. Другой проблемой является идентификаторы SINGULAR, так что вы должны использовать класс

Используя каждый:

$(".masterdiv").each(function() { 
    var elem = $(this); 
    var width = elem.width(); 
    if (width == 366){ 
     elem.find('.myaddiv').hide(); //use a class since only one element can have an id 
    } 
}); 

Использование фильтра:

$(".masterdiv").filter(function() { 
    return ($(this).width() == 366); 
}).find('.myaddiv').hide(); 

Обновленный HTML:

<div class="masterdiv"> 
    <div class="myaddiv"></div> 
</div> 

Answer 2

вы не должны использовать дубликат ids.use:

$('div .masterdiv').each(function(){ 
    if($(this).width()==366){ 
    $(this).find('div').hide(); 
}}); 

Answer 3

Try:

$('.masterdiv').each(function(){ 
    if($(this).width()==386){ 
     $(this).hide(); 
    } 
}); 

Answer 4

Это только делает первый DIV, потому что вы используете идентификаторы вместо классов. Так как только один id на странице javascript останавливается после сопоставления первого. переходите на классы, и все должно быть в порядке.

Answer 5

$(".masterdiv").each(function(){ 
    var current = $(this); 
    if(current.width() == 366) { 
     current.hide(); 
    } 
}); 

Answer 6

Вы должны изменить следующим образом:

$('#myaddiv', '.masterdiv').each(function() { 
     var width = $(this).width(); 
     (width > 366) ? $(this).hide() : 0;  
}); 

Вы можете попробовать на этом live DEMO

Answer 7

вы используете одинаковые идентификаторы для различных дивы

Вместо ид, дать класс наименование

<div class="masterdiv"> 
     <div class="myaddiv"> 
     </div> 
    </div> 
    <div class="masterdiv"> 
     <div class="myaddiv"> 
     </div> 
    </div> 
    <div class="masterdiv"> 
     <div class="myaddiv"> 
     </div> 
    </div> 


$(document).ready(function() { 
     var adwidth = $(".masterdiv"); 
     for (i = 0; i < adwidth.length; i++) { 
      if ($(adwidth[0]).attr("width") == 366) { 
       $(this).find('.myaddiv').hide() 
      } 
     } 

    });