如何用js获取div下的A标签,并自动点击超链接

如题所述

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并且其中有一个div中有a标签。

2、在index.html的<script>标签中,输入js代码:window.location.href = 'http://' + $('div a').attr('href');。

3、浏览器运行index.html页面,此时取出了div中a标签中的百度知道链接并自动点击跳转了。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-04-23
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
// 方法一:jquery
jQuery(function($) { 
   $('div a').each(function(){
    this.click();
   });
});

// 方法二:递归javascript
window.onload=function(){
    getA('div'); 
};

function getA(obj)
{
     var di = document.getElementsByTagName(obj);
    for(var i=0;i<di.length;i++)
    {
     
     var len = di[i].children.length;
     for(var j=0;j<len;j++)
     {
         var a = di[i].children[j];
        
         
         if(a.tagName.toLowerCase()==='a')
         {
             a.click();
         }
         else
         { 
             getA(a.tagName);
         }
         if(di[i].tagName.toLowerCase()===obj) break;
     }
    }
}
</script>
</HEAD>
<BODY>
 <div>
 <Li>
  <label>d</label>
  <a href="aa1.html">1</a>
  <label></label>
  <a href="aa2.html">1</a>
  <label>d</label>
  <a href="aa3.html">1</a>
  <label>d</label>
 </li>
 <Li>
  <a href="aa4.html">2</a>
 </li>
 <Li>
  <a href="aa5.html">3</a>
 </li>
  <Li>
  <a href="aa6.html">4</a>
 </li>
</div>

</BODY>

本回答被提问者采纳
第2个回答  2013-09-08
jquery比较简单
$("div").find("a").each(function(){
$(this).click();
});
第3个回答  2019-06-21

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,其中有一个div中有a标签。

2、在index.html文件的<script>标签中,输入js代码:window.location.href = 'https://' + $('div a').attr('href');。

3、浏览器运行index.html页面,此时会取出div中a标签里的百度知道链接并自动点击跳转。

本回答被网友采纳
第4个回答  2016-08-27
$("a")[0].click();
相似回答