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

时间:2016-02-09 11:53:41

标签: jquery jquery-selectors

我有以下html代码段。在java脚本中,我有一个标识为<input id = "Test[0]name">的html元素。现在我需要获取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]]")

1 个答案:

答案 0 :(得分:0)

由于ID是唯一的,因此应该是:

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

或代替siblings(),您应该使用.next()

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

如果你能稍微更新你的标记,我建议你在这个元素$(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]");