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

Question

我正在使用 jQuery Mobile，它为您创建了很多 DOM。 我需要 remove() 单选按钮，但基于 HTML 在 jQuery Mobile 中的构造方式，我没有父 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>元素的直接父元素，因此您可以使用恰当命名的parent()方法：

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

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

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

但是请注意， closest()在其搜索中包括元素本身。

Answer 3

这对我有用.....

var child = '# 或。 和你孩子的名字 div...';

var width = Math.round($(child).parent().width());