在幾個div上添加另一個類

Question

我正在嘗試使用javascript在div上添加另一個類，但是它不起作用。 我必須將類稱為“ olds”，因為我有幾個與div類似的表“ mydiv”，我不想更改

這是JS

$(".olds").next(tr).next(td).find(.mydiv).addclass("plop");

這是HTML

<table>
  <tr><th><span class="olds">blaa</span></th></tr>
  <tr><td>
    <div class="mydiv"></div>
    <div class="mydiv"></div>
    <div class="mydiv"></div>
    <div class="mydiv"></div>
  </td></tr>
</table>

這是我想要通過使用“ addclass”

<table>
  <tr><th><span class="olds">blaa</span></th></tr>
  <tr><td>
    <div class="mydiv plop"></div>
    <div class="mydiv plop"></div>
    <div class="mydiv plop"></div>
    <div class="mydiv plop"></div>
  </td></tr>
</table>

Answer 1

您有一個小錯誤。 它是addClass而不是addclass 。 您還需要將元素名稱括在引號中。

https://api.jquery.com/addclass/

一種解決方案是通過查找最接近的表來遍歷DOM，然后使用find方法來遍歷DOM。

 $(".olds").closest("table").find(".mydiv").addClass("plop"); 

 .plop { background: red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr><th><span class="olds">blaa</span></th></tr> <tr><td> <div class="mydiv">Div 1</div> <div class="mydiv">Div 2</div> <div class="mydiv">Div 3</div> <div class="mydiv">Div 4</div> </td></tr> </table> 

Answer 2

您的JS無法找到某些對象，因為它們將為null。 試試這個

$(".olds").next("tr").next("td").find(".fofo").addClass("plop");