自动触发列表href链接逐一

时间:2016-03-19 09:53:56

标签: javascript php html

我有一个带有函数的href列表,如何使用我使用的参数自动触发href链接函数并传递给JavaScript。我在下面提供了我的代码。

<html>
<head>
 //Add jwplayer script
</head>
<body>
<div id='VideoPlayer'>Loading the player ...</div>
<ul id="myList">
  <li><a href="#" onclick="show_alert('sample video1','image1')">Test</a>
  <li><a href="#" onclick="show_alert('sample video2','image2')">Test1</a>
</ul>
<script type="text/javascript">
function show_alert(my_string,s)
{

var playerInstance = jwplayer('VideoPlayer');
playerInstance.setup({
file: my_string,
image: s,
title: 'My Cool Video',
primary: 'html5',
width: 640,
height: 480
});
}
[].forEach.bind(document.querySelectorAll("#myList li a"),function(itm){
itm.click();
})(); </script></body></html>

2 个答案:

答案 0 :(得分:2)

可能就像这个

一样简单
var anchors = document.querySelectorAll("#myList li a");

for(var i = 0; i < anchors .length; i++) {
  (function(i) {
    anchors [i].click();
  })(i);
}

答案 1 :(得分:1)

您可以在Jquery中执行以下操作:

$('#myList li a').each(function(){
  $(this).trigger('click');
});