Использование jquery .parent ()

Question

Вот мой код:

<div id="reason_bars">Reason <select style="width:200px;" disabled="disabled"><option><option></select>
<div class="edit" style="position:absolute;left:212px;top:50px;">Edit</div></div>

я хочу вызвать событие, при котором, если щелкнуть элемент div с помощью class = "edit", элемент (его родной элемент) будет включен,

я попробовал следующий код:

$(document).ready(function () {
$("#reason_bars .edit").click(function () {
var parent=$(this).parent();
$(parent+" select").removeAttr("disabled");
});
});

это не работает.

Есть ли альтернатива?

Спасибо!

Answer 1

попробуйте:

$(document).ready(function () {
$(".edit").click(function () {
   $(this).parent().find('select').removeAttr("disabled");
  });
 });

здесь

Answer 2

Вы должны написать это как $(parent).find('select').removeAttr("disabled")

Answer 3

Вы можете попробовать что-то вроде этого

$(document).ready(function () {
    $("#reason_bars .edit").click(function () {
        $(this).parent().find("select").removeAttr("disabled");
    });
});

Answer 4

Попробуйте

$(document).ready(function () {
     $("#reason_bars .edit").click(function () {
          $(this).siblings('select').removeAttr("disabled");
     )}
});

В вашей строке $(parent+" select") parent - это ссылка на объект, а не строка, поэтому он не работает. Вы также можете использовать селектор брата jQuery для упрощения вещей.

Надеюсь, это поможет!