javascript - 根据标签选择id

Question

所以我正在为特定网站开发插件，我的问题是它们会动态更改名称和 ID，因此我只能使用标签名称作为选择器。我的问题是，我有 2 个选项需要填写，但只有一个标签可以取消。

HTML:

<div class="input string required">
    <label class="string required control-label" for="credit_card_month">exp. date</label>
    <select id="credit_card_month" name="credit_card[month]">
        <option value="01">01</option>
        <option value="02">02</option>
        <option value="03">03</option>
        <option value="04">04</option>
        <option value="05">05</option>
        <option value="06">06</option>
        <option value="07">07</option>
        <option value="08">08</option>
        <option value="09">09</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
    </select>
    <select id="credit_card_year" name="credit_card[year]">
        <option value="2014">2014</option>
        <option value="2015">2015</option>
        <option value="2016">2016</option>
        <option value="2017">2017</option>
        <option value="2018">2018</option>
        <option value="2019">2019</option>
        <option value="2020">2020</option>
        <option value="2021">2021</option>
        <option value="2022">2022</option>
        <option value="2023">2023</option>
        <option value="2024">2024</option>
    </select>
</div>

和javascript:

$('label:contains("exp. date")').parent('div').find('select').val("08");
$('label:contains("exp. date")').parent('div').find('select').val("2016");

JsFiddle , 任何帮助表示赞赏

Answer 1

.eq()允许您通过索引从 jQuery 对象中进行选择。 jsFiddle Example

var select = $('label:contains("exp. date")').parent('div').find('select');

select.eq(0).val("08"); // first select box

select.eq(1).val("2016"); // second select box