Question

所以我想使用javascript为特定<div>内的所有图像添加一个类。
我已经制作了这个代码，为网页中的所有图像添加了一个类：

$(function(){
    $('img').addClass('posts');
});

但我想仅为特定的<div>添加它。
我需要一个不同的版本来排除在<div>内添加课程的图像
怎么可能？

Answer 1

请使用$('#your_div').find('img').addClass('your-class')，根据使用jquery的最佳性能做法，它会更好。

public static class StaticClass { public static String[] a= {"A","B","C","D","E"}; public static int index = 0; }

Answer 2

在问的纯javascript中：

＆＃13;

window.onload = function() {
  var imgs = document.querySelectorAll('div.div1 img');
  [].forEach.call(imgs, function(element, index, array) {
    
    // add a new class
    element.classList.add("myclass");
    
    // ..or remove old class
    element.classList.remove("oldClass");
  });
}

＆＃13;

<div class="div1">
    <img src="" alt="Smiley face" height="42" width="42" class="oldClass">
    <img src="" alt="Smiley face" height="42" width="42" class="oldClass">
    <img src="" alt="Smiley face" height="42" width="42" class="oldClass">
</div>
<div class="div2">
    <img src="" alt="Smiley face" height="42" width="42">
    <img src="" alt="Smiley face" height="42" width="42">
    <img src="" alt="Smiley face" height="42" width="42">
</div>
<div class="div3">
    <img src="" alt="Smiley face" height="42" width="42">
    <img src="" alt="Smiley face" height="42" width="42">
    <img src="" alt="Smiley face" height="42" width="42">
</div>

＆＃13;

Answer 3

似乎你对问题的第一部分有足够的回应。至于第二个，你可以使用:not伪选择器：

$(':not(#myDiv) > img').addClass('otherClass');

Answer 4

您可以在函数中添加更多选择器，如下所示：

$(function(){
    $('.particular-div img').addClass('posts');
});

.particular-div内的所有图片都会添加课程＆＃39;帖子＆＃39;它。

Answer 5

给div一个id并执行此操作

$(function(){
    $('#myDiv img').addClass('posts');
});

Answer 6

您必须有办法专门引用您要定位的div，然后定位div内的所有图片。

例如，如果你有一个特定的ID，你可以这样做：

$('#divID img').addClass('posts');

Answer 7

为该特定div添加ID：

HTML CODE

<div id="myDiv" />

JS CODE

$(function(){
    $('#myDiv img').addClass('posts');
});

Answer 8

使用<div id="someDiv"> <img src="http://lorempixel.com/400/200/" style="display: none"> <img src="http://lorempixel.com/400/200/" style="display: none"> <img src="http://lorempixel.com/400/200/" style="display: none"> </div>应该用于过滤。

您可以参考此页面查看效果差异：http://jsperf.com/jquery-child-selector-vs-find/3

请参阅小提琴：https://jsfiddle.net/DIRTY_SMITH/7oe5kh9L/11/

HTML示例

$('#someDiv').find('img').addClass('showIMG')

Jquery的

nil

使用javascript＆amp; amp;为<div>中的所有图像添加一个类反之亦然

8 个答案: