Question

我目前有多个对话框，但我想保留元素'name'，就像我们可以在一个函数中处理它一样。

代码：

    <div class="hiddenInViewSource" id="dialog-properties-section" title="Control Properties">
        <div id="tabs-section">
            <ul>
                <li><a href="#tabs-section-basic">Basic</a></li>
            </ul>
            <div id="tabs-section-basic">
                Section Caption <br/><input type="text" name="label" /><br/>
                Section Introduction <br/><input type="text" name="additionalLabel" /><br/><br/>

                <br/><br/>

                <button>Save</button>
                <button>Cancel</button>
            </div>
        </div>
    </div>

    <div class="hiddenInViewSource" id="dialog-properties-simple" title="Control Properties">
        <div id="tabs-simple">
            <ul>
                <li><a href="#tabs-simple-basic">Basic</a></li>
            </ul>
            <div id="tabs-simple-basic">
                simple Caption <br/><input type="text" name="label" /><br/>

                <br/><br/>

                <button>Save</button>
                <button>Cancel</button>
            </div>
        </div>
    </div>

现在我检索标签的值，例如：

 $('[name=label]').val();

但是，当然，现在它不知道从哪个div得到它并且它返回空。（因为只有1填充，它将得到错误的。）

我的问题：

如何使用选择器从正确的div输入中检索值？

Answer 1

$('#tabs-simple input[name=label]').val();

Answer 2

在选择器中使用主包装器的ID

  alert( $('#tabs-simple input[name=label]').val() );

Answer 3

$('#tabs-section-basic input[name=label]').val();

$('#tabs-simple-basic input[name=label]').val();

从特定div中检索输入

3 个答案: