js点击外部div实现内部a标签的方法

JavaScript017

js点击外部div实现内部a标签的方法,第1张

1、首先需要引入jquery脚本文件。

2、其次添加一些简单的html,需要添加对应的点击事件函数,在函数中,先利用jquery的选择器方法来获取到a链接。

3、然后获取到链接后,就用一个for循环来得到div里所有链接的id,主要是通过jquery的attr方法来得到每个链接控件的id属性,得到后,将其保存进数组里,通过alert方法来弹出显示所有链接的id。

4、最后在运行页面可以看到有二个链接,点击一下按钮,点击后,会弹出一个alert窗口,这里显示出了二个链接的id属性,对比代码里的值,获取的结果是正确的即可。

多选或者单选不应该是input type="radio" 或者 type="checkbox" 这种input标签么,怎么会想到用div呢

用div的话

方法1:在每个div中加个class,如 <div id="ok1" class="hhhhh"></div>

然后引入jquery,定义

$(function(){

      $('.hhhhh').click(function({

               //处理点击业务

      }))

})

方法2:在每个div中加个function,如 <div id="ok1" onclick="hhhhh(this)"></div>然后js方法:

function hhhhh(thisObj){

        //处理点击业务  thisObj为当前this对象

}