jquery如何选择一个标签值？

Question

鉴于此：

<div id="ddstates1" class="bfh-selectbox bfh-states" data-state="ALG" data-country="countries_states1">
    <input type="hidden" id="hiddenState" value="ALG">
    <a class="bfh-selectbox-toggle" role="button" data-toggle="bfh-selectbox" href="#">
        <span class="bfh-selectbox-option bfh-selectbox-medium" data-option=""></span>
        <b class="caret"></b>
    </a>
    <div class="bfh-selectbox-options">
        <div role="listbox">
            <ul role="option">
                <li><a tabindex="-1" href="#" data-option=""></a></li>
                <li><a tabindex="-1" href="#" data-option="ADE">Ain Defla</a></li>
                <li><a tabindex="-1" href="#" data-option="ADR">Adrar</a></li>
                <li><a tabindex="-1" href="#" data-option="ALG">Alger</a></li>
                <li><a tabindex="-1" href="#" data-option="ANN">Annaba</a></li>
                <li><a tabindex="-1" href="#" data-option="ATE">Ain Temouchent</a></li>
                <li><a tabindex="-1" href="#" data-option="BAT">Batna</a></li>
                <li><a tabindex="-1" href="#" data-option="BBA">Bordj Bou Arreridj</a></li>
                <li><a tabindex="-1" href="#" data-option="BEC">Bechar</a></li>
                <li><a tabindex="-1" href="#" data-option="BEJ">Bejaia</a></li>
                <li><a tabindex="-1" href="#" data-option="BIS">Biskra</a></li>
                <li><a tabindex="-1" href="#" data-option="BLI">Blida</a></li>
                <li><a tabindex="-1" href="#" data-option="BMD">Boumerdes</a></li>
                <li><a tabindex="-1" href="#" data-option="BOA">Bouira</a></li>
                <li><a tabindex="-1" href="#" data-option="CHL">Chlef</a></li>
                <li><a tabindex="-1" href="#" data-option="CON">Constantine</a></li>
                <li><a tabindex="-1" href="#" data-option="DJE">Djelfa</a></li>
                <li><a tabindex="-1" href="#" data-option="EBA">El Bayadh</a></li>
                <li><a tabindex="-1" href="#" data-option="EOU">El Oued</a></li>
                <li><a tabindex="-1" href="#" data-option="ETA">El Tarf</a></li>
                <li><a tabindex="-1" href="#" data-option="GHA">Ghardaia</a></li>
                <li><a tabindex="-1" href="#" data-option="GUE">Guelma</a></li>
                <li><a tabindex="-1" href="#" data-option="ILL">Illizi</a></li>
                <li><a tabindex="-1" href="#" data-option="JIJ">Jijel</a></li>
                <li><a tabindex="-1" href="#" data-option="KHE">Khenchela</a></li>
                <li><a tabindex="-1" href="#" data-option="LAG">Laghouat</a></li>
                <li><a tabindex="-1" href="#" data-option="MED">Medea</a></li>
                <li><a tabindex="-1" href="#" data-option="MIL">Mila</a></li>
                <li><a tabindex="-1" href="#" data-option="MOS">Mostaganem</a></li>
                <li><a tabindex="-1" href="#" data-option="MSI">M'Sila</a></li>
                <li><a tabindex="-1" href="#" data-option="MUA">Muaskar</a></li>
                <li><a tabindex="-1" href="#" data-option="NAA">Naama</a></li>
                <li><a tabindex="-1" href="#" data-option="OEB">Oum el-Bouaghi</a></li>
                <li><a tabindex="-1" href="#" data-option="ORA">Oran</a></li>
                <li><a tabindex="-1" href="#" data-option="OUA">Ouargla</a></li>
                <li><a tabindex="-1" href="#" data-option="REL">Relizane</a></li>
                <li><a tabindex="-1" href="#" data-option="SAH">Souk Ahras</a></li>
                <li><a tabindex="-1" href="#" data-option="SAI">Saida</a></li>
                <li><a tabindex="-1" href="#" data-option="SBA">Sidi Bel Abbes</a></li>
                <li><a tabindex="-1" href="#" data-option="SET">Setif</a></li>
                <li><a tabindex="-1" href="#" data-option="SKI">Skikda</a></li>
                <li><a tabindex="-1" href="#" data-option="TAM">Tamanghasset</a></li>
                <li><a tabindex="-1" href="#" data-option="TEB">Tebessa</a></li>
                <li><a tabindex="-1" href="#" data-option="TIA">Tiaret</a></li>
                <li><a tabindex="-1" href="#" data-option="TIN">Tindouf</a></li>
                <li><a tabindex="-1" href="#" data-option="TIP">Tipaza</a></li>
                <li><a tabindex="-1" href="#" data-option="TIS">Tissemsilt</a></li>
                <li><a tabindex="-1" href="#" data-option="TLE">Tlemcen</a></li>
                <li><a tabindex="-1" href="#" data-option="TOU">Tizi Ouzou</a></li>
            </ul>
        </div>
    </div>
</div>

我只想找到data-option =="ALG"的a标签的值。

$("#ddstates1 .bfh-selectbox-options") 

长度为 1。

$("#ddstates1 .bfh-selectbox-options div ul")

长度为 1 但

$("#ddstates1 .bfh-selectbox-options div ul li") 

长度为 0??

我以为

$("#ddstates1").find("a[data-option='ALG']").text();

应该也可以，但也失败了。

Answer 1

试试这个：- http://jsfiddle.net/adiioo7/ML4tq/

上面的代码对我来说很好。

$("#ddstates1").find("a[data-option='ALG']").text();

Answer 2

这个怎么样

$('*[data-option =="ALG"]').val();

Answer 3

漫长的路：

console.log(
$("div#ddstates1.bfh-selectbox.bfh-states div.bfh-selectbox-options div ul li a[data-option=ALG]").text();
  );

捷径：

console.log(
$("a[data-option=ALG]").text();
  );

Answer 4

这个怎么样

$('[data-option="ALG"]').text()

Answer 5

这会选择所有具有 data-option=ALG 的标签

$('[data-option=ALG]').val();

或将其限制在容器中

$("#ddstates1").find('[data-option=ALG']).val();