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/