JQuery класс изменения внутри таблицы

Question

Как я могу изменить все атрибуты классов <pre>, которые находятся внутри div?

я попытался следующие:

$('#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

Вы также можете обобщить ответ Адиля и в одной строке захватить все предустановленные элементы в DIV с:

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

И добавить новый класс (скажем, класс «robots- являются-холодными)

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

- самый простой способ. Но у jQuery также есть способы, например, добавить класс условно (http://api.jquery.com/toggleClass/).

Надеюсь, это поможет!

Answer 2

Вы можете использовать class selector, чтобы получить родительский DIV с классом c1 и использовать Parent-child selector, чтобы получить pre тег. attr() может использоваться для изменения атрибута в вашем случае класса элементов, возвращаемого селектором.

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

Answer 3

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