使用javascript为除<div>之外的所有图像添加类

时间:2016-03-11 09:35:55

标签: javascript jquery html

所以我想使用javascript为除了特定<div>之外的所有图像添加一个类。 我已经制作了这个代码,为网页中的所有图片添加了一个类:

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

怎么可能?

2 个答案:

答案 0 :(得分:1)

使用:not选择器:

$('img:not(#mydiv img)').addClass('posts');

显然,您需要更改#mydiv选择器以适合您的代码。

Working example

答案 1 :(得分:1)

Try

to .addClass()

$('div').not(this).addClass('editable');
to .removeClass()
$('div.editable').not(this).removeClass('editable');

一些可能对您有帮助的代码

$("li").not(document.getElementById("notli"))
  .css("background-color", "red");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li id="notli">list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

看看这个

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>not demo</title>
  <style>
    div {
      width: 50px;
      height: 50px;
      margin: 10px;
      float: left;
      background: yellow;
      border: 2px solid white;
    }
    .green {
      background: #8f8;
    }
    .gray {
      background: #ccc;
    }
    #blueone {
      background: #99f;
    }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>

<body>

  <div></div>
  <div id="blueone"></div>
  <div></div>
  <div class="green"></div>
  <div class="green"></div>
  <div class="gray"></div>
  <div></div>

  <script>
    $("div").not(".green, #blueone")
      .css("border-color", "red");
  </script>

</body>

</html>

参考    .Not