Как добавить что-то внутри элемента с уникальным идентификатором, но общим классом, в jquery?

У меня есть несколько страниц:

<div data-role="page" data-add-back-btn="true" id="Gallery1">
 <div data-role="header">
 <h2>First Gallery</h2>
 </div>
 <div data-role="content"> 
 <ul>

 </ul> 
 </div>
</div>

<div data-role="page" data-add-back-btn="true" id="Gallery2"> 
 <div data-role="header">
 <h2>Second Gallery</h2>
 </div>
 <div data-role="content"> 
 <ul>

 </ul> 
 </div> 
</div>

<div data-role="page" data-add-back-btn="true" id="Gallery3">
 <div data-role="header">
 <h2>Third Gallery</h2>
 </div>
 <div data-role="content"> 
 <ul>

 </ul> 
 </div>
</div>

Теперь я хочу добавить что-то внутри


каждой страницы. Я знаю, как добавить что-то в классе или в id. Но как добавить что-то внутри этого класса, находящегося внутри страницы с определенным идентификатором?

Если бы это был класс, который я бы сделал: (".Gallery" + i).append(..), если бы это был id, я бы ("#Gallery" + i).append(..).

Я не уверен, что делать в этом случае.

1 ответ

просто выполните:

$('#Gallery' + i ).find('.gallery').append('Something');

где i - ваш номер

Который является более быстрым вариантом обхода DOM, который в вашем случае кажется не нужным, и, поскольку все мы любим держать вещи простыми, вы можете сделать:

$('#Gallery'+i +' .gallery').append('Something');

http://api.jquery.com/find/

licensed under cc by-sa 3.0 with attribution.