jquery div下有多个a标签,点击其中的一个a,如何获取a的值,如<a>haha</a>,如何获取haha的值

<div class="search_sort"><a href="#" class="special_color">全部</a><a href="#">用户</a><a href="#">原创</a><a href="#">翻唱</a></div>
并且a的样式为 special_color

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery,编写问题基础代码。

2、在index.html中的<script>标签,输入jquery代码:

$('a').click(function () {$('body').append($(this).text());});

3、浏览器运行index.html页面,点击超链接“原创”,此时成功获取到文本“原创”并打印了出来。

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-07-17

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,引入jquery,填写问题代码。

2、在index.html中的<script>标签,输入jquery代码:

$('.search_sort a').click(function () {$('body').append($(this).html());});

3、浏览器运行index.html页面,此时点击“翻唱”链接,成功获取到点击的文本并打印了出来。

本回答被网友采纳
第2个回答  推荐于2017-10-12
你好,楼主,我直接上代码了。希望这是你要的效果。代码里都加注释了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/jscript">
$(function(){
$('.search_sort a').click(function(){
$(this).parent().each(function () {//移除其余非点中状态
$('.search_sort a').removeClass("special_color");
});
$(this).addClass("special_color");//给所点中的增加样式
alert($(this).text());//输出所点的a的内容
})
})
</script>
<style>
.special_color{
font-size:16px;
color:#006633;
font-family:"微软雅黑";
}
</style>
</head>
<body>
<div class="search_sort">
<a href="#" class="special_color">全部</a>
<a href="#">用户</a>
<a href="#">原创</a>
<a href="#">翻唱</a>
</div>
</body>
</html>本回答被提问者采纳
第3个回答  2012-10-22
$(".search_sort a:nth-child(3)").text();

jquery如何获取从另一个页面a标签传的值
id=3'>3<\/a><script>function get(par){ \/\/获取当前URL var local_url = document.location.href; \/\/截取get字符串 var getstr = local_url.substr(local_url.indexOf('?')+1) \/\/解析成get数组 var get = getstr.split('&') \/\/查找要找到参数(par) for(...

如何遍历获得div里面所有a标签,并为每
用jQuery,非常简单: 获得div里面所有a标签 $("div a") 为每一个div添加自增的id和对应的事件。 var i=0; $("div").each(function(){ this.id = i; i++; $(this).click(function(){ alert(this.id); }); });

如何用js获取div下的A标签,并自动点击超链接
1、首先,打开html编辑器,新建html文件,例如:index.html,并且其中有一个div中有a标签。2、在index.html的<script>标签中,输入js代码:window.location.href = 'http:\/\/' + $('div a').attr('href');。3、浏览器运行index.html页面,此时取出了div中a标签中的百度知道链接并自动点击跳转了。

如何用js获取div下的A标签,并改变A标签的ID。
var a=document.getElementById("discuz_23007105_002SLOTauto_gen_3").getElementsByTagName("a");for(var i=0;i<a.length;i++){ a[i].setAttribute("id","自定义ID"+i);}

jquery获取当前点击的a标签的自定义属性
(".dd a").click(function(){ var aData = $(this).attr('data')});JQ 有两个可以获取标签属性的方法: attr() 和 prop(), 两者虽然都是可以获取标签属性的值, 但是 attr是获取自定义属性的值; 而prop是获取标签自带的属性值, 比如href等等 JQ的attr和prop方法都不止能够获取标签属性的...

jquery 如何处理单击<a> 的时候获取href并且让href增加一个参数?
&url=sigecity");});这里只对<dl id="all_cities">这个标签下的<dd>中的所有a标签加属性,如果你想扩大范围,可以修改上面的选择器,如果想改变添加的参数名和参数值,在click()方法中进行相应修改..jquery很简单很好学,建议你有空看下相应的例子和API,自己拿这个来做开发比在百度问别人好的多 ...

jquery如何获得a标签内title中部分内容
1、新建一个html文件,命名为test.html,用于讲解。2、在test.html文件内,在p标签内,使用a标签创建一个链接,同时设置id为mylink,主要用于下面通过该id获得a对象。3、在test.html文件内,给a标签添加title属性,属性值为“这是测试的链接”。4、在test.html文件内,使用button标签创建一个按钮,...

如何禁止或者删除指定div中的所有a标签
使用jquery,引用jquery。('#haha a').remove();

JQUERY 提取多个元素 a img 的 src href
(".abc a").each(function(){ srcurl= $(this).attr('href'); hrefurl= $(this).find('img').attr('src');})

jquery中a标签里面怎么获取href的值
通过写一个代码就可以了。jquery中a标签获取href的值代码如下:<br data-filtered="filtered"> <\/script><br data-filtered="filtered"> <br data-filtered="filtered"> <br data-filtered="filtered"> <a href="baidu.com\/{v.id}" id="cns" onclick="cc()">首页<\/a><br data-filtered=...

相似回答