Значение свойства Jquery id не определено

#jquery

Вопрос:

Как я могу получить доступ к значению свойства id выбранного элемента, используя метод find в jquery . Я пытаюсь вот так

 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>

Используя приведенную выше кнопку, я хочу получить доступ к идентификатору элемента select

Кто-нибудь может мне помочь?

Спасибо

1. сначала проверьте, что attrId не определено

2. Можете ли вы предоставить нам html-код? Потому что при использовании prev, next, parent вы должны быть очень осторожны.

3. Пожалуйста, покажите ваш HTML (по крайней мере, соответствующую часть) и скажите нам, на что $(this) ссылается (или, лучше, покажите обработчик события).

4. Я обновил @Jeto

Ответ №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>

Ответ №2:

Вы можете использовать $(this).prev(".selectpicker") для поиска предыдущего элемента выбранного элемента.

Пожалуйста, посмотрите этот пример:

https://jsfiddle.net/wjrmzs8b/