javascript - 模拟在 div 中单击 href

Question

使用 javascript 或 jquery 模拟点击 div id 1 内的实时视频的最佳方式是什么。

<a>当没有 id 属性时，我不确定如何处理这个问题。

 <div id='1'>
       <a href="#" class="edit-settings">Edit Settings</a>
       <a href="javascript:void(0);" class="live_video">Live Video</a>
 </div>

 <div id='2'>
       <a href="#" class="edit-settings">Edit Settings</a>
       <a href="javascript:void(0);" class="live_video">Live Video</a>
 </div>

Answer 1

触发点击第一个链接。

$("#1 > a:first").trigger('click');

触发点击第二个链接。

$("#1 > a:last").trigger('click');

你也有可以使用的 CSS 类。

$("#1 > a.live_view").trigger('click');

注意：DOM ID 不能以数字开头。

Answer 2

JavaScript：

document.getElementById('2').getElementsByClassName('live_video')[0].click();

这是一个工作的jsFiddle

我更新了它，所以它回答了以下问题：

感谢您的编辑是否可以通过类而不是子节点指定a href – tman