Question

如何更改div内的所有<pre>类属性？

我尝试了以下内容：

 $('#tbl').find('.c1').find('#pre').attr("class","e");


<table id="tbl">
  <tr>
    <td>
       <div class="c1">
           <pre class= "d">
           ...
       </div>
   </td>

   <td>
       <div class="c1">
           <pre class="d">
           ...
       </div>
   </td>

 </tr>
</table>

谢谢。

Answer 1

您可以使用class selector获取课程c1的父div，并使用Parent-child selector获取pre标记。 attr()可用于更改您的案例中由选择器返回的元素类的属性。

$('.c1 > pre').attr('a','b');

Answer 2

$('#tbl > pre').attr("a","e");

Answer 3

您还可以概括Adil的答案，并在一行中抓取div中的所有pre元素：

$('div').find('pre');

添加一个新课程（比如'robots-are-cool'这个课程）

$('div').find('pre').addClass('robots-are-cool');

是最简单的方法。但jQuery也有方法可以有条件地添加一个类（http://api.jquery.com/toggleClass/）。

希望这有帮助！

Jquery在表中更改类

3 个答案: