[英]get specific element jquery in repetitive structure
如標題中所述,我具有以下HTML文件結構
<div class="field">
<select class="cust_select" id="E3_F0080_IdNatCertif" name="E3_F0080_IdNatCertif" sb="97342998" style="display: none;" >
<option value="" selected="selected">[Sélectionnez une nature de certification]</option>
<option value="9" selected="selected">Diplôme d'etat</option>
<option value="1">Titre ou diplome enregistre au RNCP</option>
<option value="8" selected="selected">CQP</option>
<option value="14" selected="selected">Diplome d'universite</option>
<option value="4">Attestation de fin de stage</option>
</select>
<div id="sbHolder_97342998" class="sbHolder">
<a id="sbToggle_97342998" href="#" class="sbToggle"></a>
<a id="sbSelector_97342998" href="#" class="sbSelector">Diplome d'etat</a>
<ul id="sbOptions_97342998" class="sbOptions" style="top: 30px; max-height: 489.766px; display: none;">
<li>
<a href="#" rel="" class="">[Selectionnez une nature de certification]</a>
</li>
<li>
<a href="#9" rel="9" class="">Diplome d'état</a>
</li>
<li>
<a href="#1" rel="1" class="">Titre ou diplôme enregistré au RNCP</a>
</li>
<li>
<a href="#8" rel="8" class="">CQP</a>
</li>
<li>
<a href="#14" rel="14" class="">Diplôme d'université</a>
</li>
<li>
<a href="#4" rel="4">Attestation de fin de stage</a>
</li>
</ul>
</div>
</div>
<div class="error" id="E3_M3_0080_IdNatCertif"></div>
<div class="field">
<select class="cust_select" id="E4_F0080_IdNatCertif" name="E4_F0080_IdNatCertif" sb="97342998" style="display: none;" >
<option value="" selected="selected">[Sélectionnez une nature de certification]</option>
<option value="9" selected="selected">Diplôme d'etat</option>
<option value="1">Titre ou diplome enregistre au RNCP</option>
<option value="8" selected="selected">CQP</option>
<option value="14" selected="selected">Diplome d'universite</option>
<option value="4">Attestation de fin de stage</option>
</select>
<div id="sbHolder_666555" class="sbHolder">
<a id="sbHolder_666555" href="#" class="sbToggle"></a>
<a id="sbHolder_666555" href="#" class="sbSelector">Diplome d'etat</a>
<ul id="sbHolder_666555" class="sbOptions" style="top: 30px; max-height: 489.766px; display: none;">
<li>
<a href="#" rel="" class="">[Selectionnez une nature de certification]</a>
</li>
<li>
<a href="#9" rel="9" class="">Diplome d'état</a>
</li>
<li>
<a href="#1" rel="1" class="">Titre ou diplôme enregistré au RNCP</a>
</li>
<li>
<a href="#8" rel="8" class="">CQP</a>
</li>
<li>
<a href="#14" rel="14" class="">Diplôme d'université</a>
</li>
<li>
<a href="#4" rel="4">Attestation de fin de stage</a>
</li>
</ul>
</div>
</div>
<div class="error" id="E4_M4_0080_IdNatCertif"></div>
如您所見,在其下面是一個包含select和另一個div的div。
我想要的是使用sbSelector
類訪問<a>
元素,該類位於div內,該div在ID為E3_F0080_IdNatCertif
的選擇之后E3_F0080_IdNatCertif
(僅在此示例中為第一個)
ps:我不能在這里使用div的ID,因為您可以看到它是通過jquery代碼生成的,並且每次他創建選擇列表(dropDownList)都會影響隨機uid,而我使用jquery 1.5.1
如果任何人都可以提供我http:// JSFiddle代碼示例, 那就太好了 。 提前致謝
這個小提琴將起作用。 核心在這里:
$("#E3_F0080_IdNatCertif + div a.sbSelector")
在小提琴中,您可以輸入和影響元素,例如:
$("#E3_F0080_IdNatCertif + div a.sbSelector").text('Hello')
並會按預期工作。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.