-2

以下にhtmlがあります。2 番目のタグ、つまり"Frame Size"のテキストを取得するにはどうすればよいですか。

<div class="productOptionViewSelect">
    <div class="selector fixedWidth" id="uniform-08876c63593c0928fefc45101870c7b0"><span style="-webkit-user-select: none;">Frame Size</span><select class="validation" id="08876c63593c0928fefc45101870c7b0" name="attribute[1318]">
        <option value="">-- Please Select --</option>

                    <option value="2527">Frame Size</option>
                    <option value="206">10x15 (4x6 in)</option>
            </select></div>
</div>


<div class="productOptionViewSelect">
        <div class="selector fixedWidth" id="uniform-08876c63593c0928fefc45101870c7b0"><span style="-webkit-user-select: none;">Frame Size</span><select class="validation" id="08876c63593c0928fefc45101870c7b0" name="attribute[1318]">
            <option value="">-- Please Select --</option>

                        <option value="252">Photo Size</option>
                        <option value="206">10x20 (4x6 in)</option>
                </select></div>
    </div>

選択の値を取得できます

$('.productOptionViewSelect').find('select').val();

しかし、これは私の要件を満たしていません。任意のオプションを選択できるため、上記の jQuery は使用できません。

編集

オプションのセットが異なる同じブロックが2回ある場合、各ブロックの2番目のオプションを取得するにはどうすればよいですか? この場合、 Frame SizeとPhoto Sizeが必要ですが、すべてのイベント呼び出しでFrame Sizeのみが返されます 。どんな助けでも大歓迎です。

4

5 に答える 5

0

選択したオプションのテキストを取得する場合は、選択したオプションの jquery オブジェクトを取得してから、.text()または.html()を使用して内部コンテンツを取得する必要があります。

$('.productOptionViewSelect option:selected').text();
于 2015-04-22T08:41:57.773 に答える