Question

一般来说，我有html

<div id="test">
  <div class="group">
  <div class="qlist">
   <div id=q002>
    <div class="ilist">
    <div id="item070" class="i">
      <div>
           <input type="radio" id="ra11" name="ra">
           <label for="ra11">Option1.</label>
      </div>
    </div>
   </div>
  </div>
  </div>
  </div>
  </div>

我在尝试什么：

//open properties when click on item element
    $("#test.i > div > input[type='checkbox'], #test .i > div > input[type='radio']").click(function(event) {
        event.preventDefault();
        alert("xxx");
    });

如果在表单元素上单击item070，radio，我怎样才能获得ID checkbox？

由于

Answer 1

$(document).on("click", "#ra11", function(){
   alert($(this).parent("div").parent("div").attr("id"));
}

Answer 2

如果你想用jquery做这个，那么看看这里

This link

我刚刚包含 parent（）来查找父

的ID

另请参阅此链接，该链接将帮助您解决下一个问题http://api.jquery.com/parent/

Answer 3

尝试

$("#ra11").click(function(){
    var theId = $(this).parent().parent().attr("id");
});

Answer 4

您可以使用closest()查找类i

的div

$(document).on("click", "#ra11", function(){
   alert($(this).closest(".i").attr("id"));
}

表单元素的onclick获取属性？

4 个答案: