1.软文推荐

2.软文推荐

3.软文推荐

目录: 1、请教如何用jquery获得在网页上点选的标签的 2、jquery 点击事件 获得点击事件的标签 3、jquery怎样获取动态增加的img标签的id 4、jquery如何获得i标签的点击事件? 5、怎么用jQuery获取选中的label标签? 请教如何用jquery获得在网页上点选的标签的

监听click事件

$(document).on( 'click' , function( event )

{

alert('你点击了'+event.toElement.nodeName+'标签');

}

)

执行原理   当页面文档被点击    弹出event的元素的(node)节点名称

jquery 点击事件 获得点击事件的标签

你这个a不是在span里面吗,在绑定的事件里直接使用 $(this).parent()就可以获取到包裹它的span了。append之后,就会生成以下dom结构,然后在事件绑定取父元素就好了。

【片段1】

span data-musicicon="name1" class="music-icon-hook"a href="#" title="播放" data-action="play" class="list-micon icon-play"/a/span

....!-- more --

span data-musicicon="name10" class="music-icon-hook"a href="#" title="播放" data-action="play" class="list-micon icon-play"/a/span

script

【代码】

div id="div1"/div

script

$(function(){

// 模拟的数据。

var musicList=[{MusicName:'name1'},{MusicName:'name2'},{MusicName:'name3'},{MusicName:'name4'},{MusicName:'name5'},{MusicName:'name6'},{MusicName:'name7'},{MusicName:'name8'},{MusicName:'name9'},{MusicName:'name10'}];

// 以下代码会生成 片段1 的dom

for (i = 0; i musicList.length; i++) {

$("#div1").append('span data-musicicon="'+musicList[i].MusicName +'" class="music-icon-hook" a href="#" title="播放" data-action="play" class="list-micon icon-play" play /a/span');

}

$('.list-micon').each(function(index){

$(this).click(function(){

var span=$(this).parent(); // 获取到a的父元素,即包含它的那个span

alert(span.attr('data-musicicon'));

// 可以对span进行操作了

});

});

});

/scriptjquery怎样获取动态增加的img标签的id

1、新建一个html文件,命名为test.html。

2、在test.html文件中,在p标签内,使用span标签创建一行文字,span标签是p标签的子标签。

3、在test.html文件内,设置span元素的id为myspan,下面将使用jquery方法获得该id值。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取子标签的ID值”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getspanid函数。

6、在js标签中,创建getspanid()函数,在函数内,通过元素名称获得p元素对象,使用children()方法获得p标签的子标签,再通过attr()方法来获得id值。最后,使用alert()方法将id值输出来。

jquery如何获得i标签的点击事件?

alert(1)   改成 alert(new Date()) 就可以获取点击时候的时间戳了。

其他常见操作:

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法:

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容(包括 HTML 标记)

val() - 设置或返回表单字段的值

获取属性 - attr()

jQuery attr() 方法用于获取属性值。

下面的例子演示如何获得链接中 href 属性的值:

实例

$("button").click(function(){

alert($("#w3s").attr("href"));

});

怎么用jQuery获取选中的label标签?

直接获取label对应的input对象就行,因为label会触发其对应的input对象,触发形式有两种,你这里用label将input对象包裹起来的写法是隐式触发,另一种显示触发是为label加上for属性,属性值指向input对象的id,无论采取哪种方法,label标签的点击事件都会传递到input对象上,所以这里可以这样获取:

// 点击触发,获取当前点击那个值就行

$('.btn-group.btn-overlap.btn-corner').find(':radio').click(function() {

    console.log($(this).val());    

})

// 直接获取,获取哪个选中

var rdoValue = $('.btn-group.btn-overlap.btn-corner').find(':radio:checked').val();

console.log(rdoValue);

相关文章 8

1

免费永久虚拟主机 2分钟前

目录:1、有永久免费的云主机吗?2、主机免费云服务器如何3、请问国内有没有免费的虚拟主机和云服务器?4、还有什么完全免费的虚拟主...

2

电影网站怎么选择香港服务器的配置 4分钟前

目录:1、香港服务器都适合什么类型的网站?2、香港服务器都是用什么网站3、怎么选择服务器配置4、有什么方法可以解决香港服务器慢呢...

3

美国服务器如何做好安全设置 5分钟前

目录:1、高防御美国服务器可以从哪些方面来判别?怎样才能保证网站数据安全?2、服务器怎么做好安全防护3、如何提高服务器的安全性...

4

手机app服务器成本 8分钟前

目录:1、手游服务器成本2、开发一款App成本是多少?后期的维护又需要多少?3、app软件开发的费用4、开发一个社交App手机软件需要多少钱?...

5

深圳网络优化专注乐云seo 9分钟前

目录:1、深圳企业网站推广哪家好?2、深圳有没有SEO好的外包公司?3、现在深圳的网络公司太多了,如何选合适的seo公司?4、深圳seo公司...

6

python如何创建csv文件 11分钟前

目录:1、说说如何利用 Python 处理 CSV 文件2、Python csv模块(读写文件)3、python生成csv文件一定要用vscode打开吗说说如何利用 Python 处理 CS...

7

高防服务器租用技巧都有哪些 13分钟前

目录:1、游戏服务器租用安全维护怎么做 有什么技巧2、高防美国服务器选用原则是什么?究竟有没有带宽大,流量充足的方案?3、怎么正...

8

关于是先优化标题再优化直通车的信息 16分钟前

目录:1、直通车关键词优化的方法是怎样的 原则是什么2、做了直通车后还需要标题优化吗?3、直通车关键词应该怎么优化?4、淘宝直通车...