javascript - 如何在 jquery 中将某些内容附加到具有唯一 id 但通用类的元素中？

Question

我有一个这样的多页:

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

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

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

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

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

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

现在我想在

里面添加一些东西

<ul class="gallery">

</ul> 

每一页。我知道如何在类或 id 中附加一些东西。但是我如何在这个类中附加一些东西，即在具有特定 id 的页面中？

如果它只是一个类我会做:(".Gallery"+ i).append(..) ，如果它是一个 id 我会 ("#Gallery"+ i).append(..) 。

我不知道在这种情况下该怎么做。

Answer 1

简单地做:

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

i 是你的电话号码

这是一种更快的 DOM 遍历变体，在您的情况下似乎不需要，因为我们都希望让事情变得简单，您可以这样做:

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

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