JQuery - 選擇div class ID的第一個實例

Question

我想要選擇頁面上出現的形式爲volume_header_ + id＃的div ID的第一個實例。如果我明確地輸入了id＃，例如volume_header_123，則代碼有效。但是，當我嘗試用一​​個通用選擇器替換它以選擇第一個匹配項時，不管什麼id＃都會中斷。

<div class="volume_wrapper"> 
    <div id="volume_header_123" class="volume_header"> 
    … 
    </div> //end volume_header_123 
    <div id="volume_issues_123" class="volume_issues" style="display: block;"> 
    <div class="issue_wrapper"> 
     <div id="issue_header_123_6" class="issue_header"> 
     … 
     </div> //end issue_header_123_6 
     <div id="issue_toc_123_6" class="issue_toc" style="display: none;"> 
     <div class="toc_item"> 
      … 
     </div> //end toc_item 
     </div> //end issue_toc_123_6 
    </div> //end issue_wrapper 
    </div> //end volume_issues_123 
</div> //end volume_wrapper 

下面的代碼工作正常明確說明的DIV ID的時候，但我需要讓通用的，所以它選擇的第一次出現，無論附加到volume_header_或volume_issues_月底編號的。

 jQuery('#volume_header_123').css('border-bottom', '1px solid #cc0000'); 
     jQuery('#volume_header_123').addClass('selected'); 
     jQuery('#volume_issues_123').slideDown(50); 

我已經嘗試用.EQ（0）：首先，和幾個根據一些在這個網站給對方的回答的其他選擇，但我似乎無法找到正確的語法。

Answer 1

$（「.volume_header」）。首先（）。隱藏（）

這是選擇與類volume_header的第一個元素，然後將其隱藏。用你需要的函數調用替換隱藏調用。

當你使用動態的IDS只是指與類名的第一個元素，而不是

Answer 2

像這樣的東西可以工作：

$("div[id^='volume_issues_']").first(); 

檢查文檔此：http://api.jquery.com/attribute-starts-with-selector/。屬性與選擇開始

Answer 3

或者您可以使用此代碼，作爲一個孩子選擇：

$('.volume_wrapper > .volume_header'); 

Answer 4

看看這個小提琴：
http://jsfiddle.net/6wp44kc3/
在我的例子我使用：

$("p", "div").eq(0).html("ha");

我正在使用eq在div元素的範圍內選擇第一段標記。然後我設置段落標籤的html爲ha。以這種方式使用eq將允許您選擇第一個元素。

Answer 5

其他替代：

$($("div").get(0)).hide();