用jQuery选择最近的DOM元素 [英] Select the nearest DOM element with jQuery

问题描述

如何使用jQuery在DOM相同级别的特定类中访问div? 我已经尝试过.closest()，但是找不到该元素.

How to access the div with specific class that is on the same level of DOM using jQuery? I've tried .closest() but it doesn't find the element.

例如:

<!-- foreach loop starts { -->
<fieldset>
    <legend>Values</legend>
    <div class="characteristic-values">          
        <!-- many divs inside -->
    </div>
    <input type="button" class="add-charactersitic-value" value="Add Value" />
</fieldset>
<!-- } foreach loop ends -->

和试图访问字符值"但未成功的JavaScript:

And JavaScript that tries to access the "charactersitic-values" but without success:

<script>
$(".add-charactersitic-value").live("click", function () {
    var addButton = $(this);

    // How to access the specified div from "addButton" variable?       
    // This doesn't work:
    //addButton.closest(".characteristic-values").append("<b>somedata</b>");    
});
</script>

在这种情况下如何访问特征值"?

How to access the "characteristic-values" in this case?

谢谢.

推荐答案

.prev('.characteristic-values');

.prev选择以前的 兄弟姐妹 . .closest选择 父母 (以及当前项目本身)

.prev selects previous siblings. .closest selects parents (and the current item itself)

如果该项不是前一个同级项，则此项将不起作用(因为.prev仅选择该元素).您可以改用以下任一方法:

If the item is not the immediate previous sibling, this won't work (as .prev only selects that one element). You can do either of these instead:

.prevAll('.characteristic-values');
.parent().find('.characteristic-values');

这篇关于用jQuery选择最近的DOM元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！