模拟span jquery上的单击

Question

当用户点击页面另一个位置的图像时，有没有办法模拟跨度上的点击？你可以使用例如

<div id="g1">
<span>hey</span>
<span>second hey</span>
</div>

<div id="a2">
<img id="img" src="....."/>
</div>

<script type="text/javascript">
$(document).on('click', '#img', function(){
$('#g1 > span:first-child').trigger('click');

当用户点击图片时，这是否有效或是否有其他形式可以模拟第一个跨度上的点击？

如果您需要的范围在iframe中并且点击的图片位于iframe之外，该怎么办？

Answer 1

是的，它会起作用，我在http://jsfiddle.net/De9Z6/

创造了小提琴

您可以使用trigger('click')或click()。

Answer 2

您可以创建一个独立的功能，例如：ClickHandler（）。

然后您可以将其分配给任何元素的任何事件。 而且你的代码会更清晰。

Answer 3

试试这个

 $("#image").click(function() {

       $('#g1').find('span:first').click();
 });