Question

如何使用jquery中的find方法访问所选元素的id属性值。我正在尝试这样

let attrId = $(this).prev().find(".selectpicker");
let  attrId2 = attrId.attr("id");
alert(attrId2);

但是得到undefined

已更新：

HTML：

<div>
    <select name="APPLIEDSHIP" id="APPLIEDSHIP_ID" class="selectpicker bs-select-hidden" multiple="" data-actions-box="true" data-live-search="true" data-placeholder="No Filter" data-width="170px" data-size="5">...</select>
</div>

<button style="margin-left: 5px; margin-top: 5px;" type="button" class="btn btn-info btn-xs">
    Print Id Of Selectpicker
</button>

使用上面的按钮，我要访问选择元素的ID

有人可以帮助我吗？

谢谢

Answer 1

编辑（在您自己之后）：您的选择器应该起作用。

演示：

$(function () {
  $('.btn-info').on('click', function () {
    let attrId = $(this).prev().find('.selectpicker');
    let attrId2 = attrId.attr("id");
    alert(attrId2);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <select name="APPLIEDSHIP" id="APPLIEDSHIP_ID" class="selectpicker bs-select-hidden"></select>
</div>

<button type="button" class="btn btn-info btn-xs">Print Id Of Selectpicker</button>

Answer 2

用户可以使用$(this).prev(".selectpicker")查找被单击元素的上一个元素。

请参见以下示例：

https://jsfiddle.net/wjrmzs8b/

jQuery id属性值未定义

2 个答案: