How to get parent element in jQuery when child element is known?
I'm using jQuery Mobile which creates a lot of the DOM for you. I need to remove() radio buttons, but based on how the HTML is constructed in jQuery Mobile, I do not have an id for the parent div. I can easily grab both the input and labels, but need to also get rid of the our div to completely removed the entry styling from the list of radio buttons.
<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>
&l开发者_StackOverflow社区t;/span>
</label>
</div>
Will jQuery's .parent()
do ?
Since the <div>
element is the immediate parent of your <input>
element, you can use the aptly-named parent() method:
$("#ahBkMj").parent().remove();
In the general case, if you want the first ancestor matching a selector, you can use closest():
$("#ahBkMj").closest("div").remove();
Note, however, that closest()
includes the element itself in its search.
this works for me.....
var child = '# or . and name of your child div... ';
var width = Math.round($(child).parent().width());
精彩评论