Как найти элемент и нажать на html с помощью jQuery

Question

У меня есть html-страница, и я бы хотел выполнить событие click на странице iframe.

<h3 id="test"> 
<a href="#" data-id="1"> hi</a> 

Я использую JQuery:

var rightwareBody = $("#iframe").contents().find("body"); 
var rightwareElement = rightwareBody.find("a"); 

но есть несколько "а". как отличить его от «теста»

Как найти что-то вроде поиска «a» под «test»?

Answer 1

а при испытании будет

$("#test a") 

Basic JQuery селекторы работают так же, как CSS селекторов.

Answer 2

Вы можете использовать data-id, чтобы получить нужный элемент вместо получения всех элементов привязки. Я предполагаю, что идентификатор данных уникален, как следует из его названия.

Live Demo

rightwareBody.find("a[data-id='1']"); 

Если данные-идентификатор не является уникальным, то вы можете использовать #text в селекторе, чтобы сделать выбор уникальным.

rightwareBody.find("#test a[data-id='1']"); 

Answer 3

Использование .data("id") это вернет 1

Data