如何找到元素，并用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