jquery - 特定の div から入力を取得する

Question

現在、複数のダイアログがありますが、要素「名前」をそのまま保持して、1 つの関数で処理できるようにしたいと考えています。

コード：

    <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();