Как выбрать первую из этих кнопок?

Question

Как выбрать первую из этих кнопок?

0

Я хочу использовать сценарий Greasemonkey, чтобы нажать кнопку.

Кнопка HTML начинается, как показано ниже; есть 3 кнопки, соответствующие 48/50/52 соответственно. 48/50/52 не идентичны, так есть какой-то способ выборочно нажать кнопку, выбрав первый в class="modeNum"?

Я просто хочу, чтобы первый был нажат.

Код кнопки:

<dl class="numSize">
    <dt>size:</dt>
    <dd class="modeNum">
        <a href="javascript:void(0);" rev="6" rel="3">48</a>
        <a href="javascript:void(0);" rev="10" rel="3">50</a>
        <a href="javascript:void(0);" rev="1" rel="1">52</a></dd>
        <dd class="dps">
        <a href="javascript:;">size chart</a>
    </dd>
    <dd class="clear"></dd>
</dl>

... и при нажатии второй кнопки код изменяется на:

<dl class="numSize">
    <dt>size:</dt>
    <dd class="modeNum">
        <a href="javascript:void(0);" rev="6" rel="3">48</a>
        <a class="Active" href="javascript:void(0);" rev="10" rel="3">50</a>
        <a href="javascript:void(0);" rev="1" rel="1">52</a></dd>
        <dd class="dps">
        <a href="javascript:;">size chart</a>
    </dd>
    <dd class="clear"></dd>
</dl>

Как использовать document.querySelector для выбора первого элемента <a>?

user1663601 25 сен. 2013, в 17:30

Источник

Теги:

javascript

jquery

css-selectors

greasemonkey

1 ответ

Ещё вопросы

Brock Adams · Answer 1 · 2013-10-01T02-11-00.000Z

Re:

Как использовать document.querySelector для выбора первого элемента?

Это легко, поскольку document.querySelector всегда возвращает только первый соответствующий элемент (если есть).

Вы просто использовали бы:

var firstBtn = document.querySelector ("dl.numSize > dd.modeNum > a");
if (firstBtn) {
    // DO YOUR CLICK OR WHATEVER, HERE.
}

Или, если вы хотите быть уверенным:

var firstBtn = document.querySelector ("dl.numSize > dd.modeNum > a:first-of-type");
if (firstBtn) {
    // DO YOUR CLICK OR WHATEVER, HERE.
}

Селектор jQuery в этом случае идентичен:

var firstBtn = $("dl.numSize > dd.modeNum > a:first-of-type");
if (firstBtn.length) {
    // DO YOUR CLICK OR WHATEVER, HERE.
}

Справка:

Адамс, спасибо за вашу помощь. это работает, и ссылка очень полезна для изучения этой темы. Еще раз спасибо.
Пожалуйста. Если это решит вашу проблему, поставьте галочку рядом с этим ответом .