jquery 如何选择带有自定义属性的标签?
如题,以下为某个页面代码段:----------------------------------------------------<ahref="#"title="更多...
如题,以下为某个页面代码段:
----------------------------------------------------
<a href="#" title="更多" target="_blank">更多</a>
<a href="#" title="a6t" data="jquery很好用" target="_blank">jquery555</a>
<a href="#" title="b6e" data="php很爽" target="_blank">php666</a>
<a href="#" title="aaa" data="jsp没用过" target="_blank">jsp789</a>
<a href="#" title="7800" data="c#不知是啥" target="_blank">c#556</a>
<a href="#" title="sss" data="css这个容易" target="_blank">css888</a>
<a href="#" title="ews" data="asp这个...额,好像过时了" target="_blank">asp999</a>
<a href="#" title="教程" target="_blank">教程</a>
---------------------------------------------------
页面上有一些带有自定义属性的标签,类似代码如上,用jquery如何获取到所有带有“data”属性的标签?
---------------------------------------------------
我是想当用户鼠标放在带有data属性的链接上时,会弹出个小框来进行描述,而描述的内容就是data的值了。
---------------------------------------------------
在线等!在此先行谢过! 展开
----------------------------------------------------
<a href="#" title="更多" target="_blank">更多</a>
<a href="#" title="a6t" data="jquery很好用" target="_blank">jquery555</a>
<a href="#" title="b6e" data="php很爽" target="_blank">php666</a>
<a href="#" title="aaa" data="jsp没用过" target="_blank">jsp789</a>
<a href="#" title="7800" data="c#不知是啥" target="_blank">c#556</a>
<a href="#" title="sss" data="css这个容易" target="_blank">css888</a>
<a href="#" title="ews" data="asp这个...额,好像过时了" target="_blank">asp999</a>
<a href="#" title="教程" target="_blank">教程</a>
---------------------------------------------------
页面上有一些带有自定义属性的标签,类似代码如上,用jquery如何获取到所有带有“data”属性的标签?
---------------------------------------------------
我是想当用户鼠标放在带有data属性的链接上时,会弹出个小框来进行描述,而描述的内容就是data的值了。
---------------------------------------------------
在线等!在此先行谢过! 展开
18个回答
2017-06-15
展开全部
var txtbox='<span id="ol"></span>'
$('[data]').hover(function(){
var _data =$('[data]').attr('data')
$(this).append('');
$(this).append(txtbox)
$('#ol').html(_data)
},function(){
$('#ol').remove()
}
)
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$("a[data]");获取所有a标签带有data属性的元素。
至于说弹出信息,使用mouseout()方法,获取内容,弹出内容。
例如$("xxxx").mouseout(function(){
alert(11);
})
至于说弹出信息,使用mouseout()方法,获取内容,弹出内容。
例如$("xxxx").mouseout(function(){
alert(11);
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$(function(){
$('a[data]')lhover(function(){
var msg=$(this).attr("data");
alert(msg)
});
})
建议您把data写成data-**之类的。
如<a href="#" title="sss" data-title="css这个容易" target="_blank">css888</a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$('a').on('mouseover',function(){
alert($(this).attr('data'))
})
使用.attr()获取data
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
弹窗提示有个插件叫tooltips可以用,jq获取属性可以试试用attr('data'),
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询