jQuery匹配具有相同ID /类的多个元素

Question

当一个特定元素的宽度小于50时，我正在努力显示一条消息，但是有多个具有相同类的元素，并且页面中只有第一个元素正在显示消息。这是jsfiddle http://jsfiddle.net/MaNdn/23/

这是功能。

function checkads() {
    if ($('#container').height() < 50) {
        $('#container').parent().parent().prepend('<div id="ad-notice">Please support our website</div>');
    //
}
}

$(document).ready(checkads);

我的问题是，如何使消息优先于找到的所有元素ID实例。我的网站周围有各种各样的广告，它们都包裹在一个名为div的元素中，advertisement_container然后如何一次性将它们全部匹配

Answer 1

您需要使用each（）来迭代匹配的元素。与其为多个元素使用相同的id，而是使用同一类，因为element的id 应该是唯一的。要选择同一类的多个元素，可以使用$（'[id = container]'）之类的属性选择器，但最好使用class并保持元素的id 唯一。

现场演示

function checkads() {
    $('.someclass').each(function(){           
       if($(this).height() < 50) {
             $(this).parent().parent().prepend('<div id="ad-notice">Please support our website</div>');
       }
   });
}

$(document).ready(checkads);