如何找到元素，並用jQuery點擊html

Question

我有一個html頁面，我想在iframe頁面上執行點擊事件。

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

我使用jQuery：

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

，但有多個 「一」。如何區分它屬於「測試」

我怎麼能找到像「測試」下找到「a」？

Answer 1

下一個測試將是

$("#test a") 

基本jQuery選擇工作地像CSS選擇器。

Answer 2

您可以使用data-id來獲取您想要的元素，而不是獲取所有錨元素。我假設data-id是唯一的，就像它的名字所暗示的那樣。

Live Demo

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

如果數據ID不是唯一的，那麼你可以使用#text在選擇進行選擇獨一無二的。

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

Answer 3

使用.data("id")這將返回1

Data