jquery 当你有附近的元素时选择器获取元素值？

Question

我有以下 html 代码片段。在 java 脚本中，我有 html 元素，id 为 <input id = "Test[0]name">。现在我需要获取 ID 以地址

结尾的下一个 select 元素的值

<div>
    <div>
        <div>
            <div>
                <input id="Test[0]name">
            </div>
        <div>
    </div>
    <div>
        <div>
            <input>
            .......
            <select id="Test[0]address">
            <label>
        </div>
    </div>
    <div></div>
</div>

我试过下面

$(element).parent().parent().parent().siblings()[2].find("[[id$=address]]")

Answer 1

由于 ID 是唯一的，所以这应该是：

$('#Test\[0\]address')

或者您应该使用 .next() 而不是 siblings()：

$(element).parent().parent().parent().next().find("[id$=address]")

如果您能够稍微更新您的标记，我建议您在此元素上使用 class 名称 $(element).parent().parent().parent()：

<div>
    <div class='holder'>
        <div>
            <div>
                <input id="Test[0]name">
            </div>
        <div>
    </div>
    <div class='holder'>
        <div>
            <input>
            .......
            <select id="Test[0]address">
            <label>
        </div>
    </div>
    <div class='holder'></div>
</div>

那你可以改成这样：

$(element).closest('.holder').next().find("[id$=address]");

jquery 当你有附近的元素时选择器获取元素值？

jquery selector to get element value when you have nearby element?

jquery

jquery-selectors