当子元素已知时,如何在jQuery中获取父元素？

Question

我正在使用jQuery Mobile为你创建了很多DOM.我需要删除()单选按钮,但根据在jQuery Mobile中构建HTML的方式,我没有父div的id.我可以很容易地抓住输入和标签,但还需要摆脱我们的div来完全删除单选按钮列表中的条目样式.

<div class="ui-radio">
  <input type="radio" value="ahBkMj" id="ahBkMj" name="spam" data-theme="c">
  <label for="ahBkMj" class="ui-btn ui-btn-icon-left ui-btn-up-c">
    <span class="ui-btn-inner">
      <span class="ui-btn-text">Foo</span>
      <span class="ui-icon ui-icon-ui-icon-radio-off ui-icon-radio-off"></span>
    </span>
  </label>
</div>

Answer 1

请问jQuery .parent()会吗？

Answer 2

由于<div>元素是元素的直接父<input>元素,因此可以使用aptly-named parent()方法:

$("#ahBkMj").parent().remove();

在一般情况下,如果您希望第一个祖先匹配选择器,您可以使用nearest():

$("#ahBkMj").closest("div").remove();

但请注意,closest()在搜索中包含元素本身.