jquery如何获得a标签内title中部分内容

jquery如何获得a标签内title中部分内容,第1张

1、新建一个html文件,命名为testhtml,用于讲解。

2、在testhtml文件内,在p标签内,使用a标签创建一个链接,同时设置id为mylink,主要用于下面通过该id获得a对象

3、在testhtml文件内,给a标签添加title属性,属性值为“这是测试的链接”。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获得title内容”。

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getitle()函数。

6、在js标签内,创建getitle()函数,在函数内,通过id(mylink)获得a对象,使用attr()方法获得title属性值,即title的内容,最后,使用alert()方法将获得的内容输出。

7、在浏览器打开testhtml文件,点击按钮,查看实现的效果。

监听click事件

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

{

alert('你点击了'+eventtoElementnodeName+'标签');

}

)

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

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

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

$('btn-groupbtn-overlapbtn-corner')find(':radio')click(function() {

    consolelog($(this)val());    

})

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

var rdoValue = $('btn-groupbtn-overlapbtn-corner')find(':radio:checked')val();

consolelog(rdoValue);

用jquery的一种解决方法:例子如下:

testhtml:(注意,这里任何html页面都可以用,我只是在这里面加了个div

<div id='gettag'></div>,用来显示信息。jqueryjs可以在jquery上下载到,改下名字就可以,地址:)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "">

<html xmlns="">

<head>

<meta >

1、首先我们打开电脑里的jquery软件创建一个名称为get的html文件。

2、在页面中加入一个div,div内放入文本并加入一些标记,还有两个button在点击不同的button的时候获取不同的内容。

3、然后我们引入jquery库。

4、在文档准备函数中加入button1点击事件,在点击事件后获取div中的text内容。

5、在文档准备函数中加入button2点击事件,在点击事件后获取div中的html内容。

6、在浏览器中运行该文件,点击两个button即可获取不同的结果。

以上就是关于jquery如何获得a标签内title中部分内容全部的内容,包括:jquery如何获得a标签内title中部分内容、请教如何用jquery获得在网页上点选的标签的、怎么用jQuery获取选中的label标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10156570.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存