Блог

Главная - Вопросы по программированию - В webdriverios, как выбрать последний элемент с тем же именем класса?

В webdriverios, как выбрать последний элемент с тем же именем класса?

#webdriver-io

#webdriver-io

Вопрос:

У меня есть несколько элементов с тем же именем класса, и я хочу выбрать последний. Я попробовал следующий метод, но они не работают. Любая помощь будет с благодарностью.

  const elem = $('.example')[-1]
 const elem = $('.example[-1]')
 const elem = $('.example').last()

Ответ №1:

Вы можете использовать псевдоселектор CSS «: last-child»:

 const elem = $('.example:last-child')

https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child

Ответ №2:

Также :last-of-type может быть полезно 🙂 Например, у нас есть такая статья:

 <article>
      <h1>A Title</h1>
      <p>Paragraph 1.</p>
      <p>Paragraph 2.</p>
      <p>Paragraph 3.</p>
      <img src="...">
    </article>

И мы можем выбрать последний элемент p следующим образом:

   const elem = $('p:last-of-type')
Метки: ,