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

JavaScript013

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

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

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

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

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

方法和详细的操作步骤如下:

1、第一步,创建文件夹,此文件夹包含一个js文件夹和一个html文件。 js文件夹用于存储需要导入的js文件,见下图,转到下面的步骤。

2、第二步,执行完上面的操作之后,打开html文件,在html文件上找到<body>,在<body>标记中创建按钮标签,然后向该标签添加click addJs事件,见下图,转到下面的步骤。

3、第三步,执行完上面的操作之后,在js文件夹中创建一个js文件,名称为addJs.js,见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,在addJs.js文件中输入一个警报弹出框并保存。 成功导入js文件后,将执行警报弹出框,见下图,转到下面的步骤。

5、第五步,执行完上面的操作之后,返回html文件,在按钮输入框后面创建一个脚本标签,然后添加用于引入addJs.js文件的addJs事件,见下图,转到下面的步骤。

6、第六步,执行完上面的操作之后,保存html文件,使用浏览器将其打开,然后单击按钮以查看弹出窗口,表明js文件已成功引入,见下图。这样,以上的问题就解决了。