jQuery基于相同的li元素获取选项文本答案

【问题标题】：JQuery get option text based on same li elementjQuery基于相同的li元素获取选项文本
【发布时间】：2014-09-23 10:13:36
【问题描述】：

我正在研究一个选择选项，我不知道如何根据选项值从选项中获取文本。

例如，如果值为 da，我想获取文本“丹麦语”，

选项select的html如下

<div id="language" class="dd-container" style="width: 333px;">
  <div class="dd-select">
     <input class="dd-selected-value" name="language" type="hidden" value="en">
     <a class="dd-selected"><label class="dd-selected-text">English</label></a>
     <span class="dd-pointer"></span>
  </div>

    <ul class="dd-options dd-click-off-close">
        <li><a class="dd-option dd-option-selected"> 
            <input class="dd-option-value" type="hidden" value="en"> 
            <label class="dd-option-text">English</label></a>
        </li>

        <li><a class="dd-option"> 
            <input class="dd-option-value" type="hidden" value="da"> 
            <label class="dd-option-text">Danish</label></a>
        </li>

        <li><a class="dd-option"> 
            <input class="dd-option-value" type="hidden" value="nl"> 
            <label class="dd-option-text">Dutch</label></a>
        </li>
    </ul>
</div>

在我的 jquery 中，我可以使用以下语句获取值

 var langname = $('li a.dd-option input.dd-option-value[value="da"]').val();
 alert(langname);

但我无法用这个获取文本

 var langname = $('li a.dd-option input.dd-option-value[value="da"]').text();
 alert(langname);

有没有人可以解决这个问题？

【问题讨论】：

你也可以使用兄弟方法获取文本为$('li a.dd-option input.dd-option-value[value="da"]').siblings('label').text();，你可以使用text()或html()来获取标签中的文本

标签： jquery html select options

【解决方案1】：

label 是输入元素的兄弟。您需要使用正确的选择器来定位下一个标签元素：

 $('li a.dd-option input.dd-option-value[value="da"]').next().text();

【讨论】：

【解决方案2】：

您可以使用 jquery closest 方法来实现，如下所示：

 var langname = $('li a.dd-option input.dd-option-value[value="da"]').closest('a').text();

 alert(langname);

jsfiddle 相同

【讨论】：