获取重复结构中的特定元素jquery

get specific element jquery in repetitive structure

本文关键字：元素 jquery 结构 获取      更新时间：2023-10-02

如标题中所述，我有以下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

我只想访问id为E3_F0080_IdNatCertif（仅在本例中是第一个）的select之后的div中的sbSelector类的<a>元素

ps：我不能在这里使用div的id，因为你可以看到它是生成的通过jquery代码，每次创建选择列表（dropDownList），然后我使用jquery 1.5.1

如果有人能提供我就太好了http://JSFiddle代码示例。提前感谢

这把小提琴能用。核心在这里：

$("#E3_F0080_IdNatCertif + div a.sbSelector")

在小提琴中，你可以输入并影响元素，比如：

$("#E3_F0080_IdNatCertif + div a.sbSelector").text('Hello')

并将按预期工作。

相关文章：