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(...

如何用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标签中的百度知道链接并自动点击跳转了。

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

a标签中包含别的标签,如何修改a标签的值
两个方法(获取标签用了jQuery,原生js同理)一.利用正则式来替换 <a href="#" id="a"><img src="\/image.jpg">要修改的文字<\/a> ("#a").html($("#a").html().replace(\/(.*>).*\/,"$1修改"));二.文字包裹一个span <a href="#"><img src="\/image.jpg"><span id="b"...

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

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=...

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

jq选择器多标签选中原理(jquery多个选择器组合使用语法)
jQuery中的标签选择器是匹配所有元素,如$("a"),匹配所有的a元素,如果要获取给a一个click事件……a标签毕竟需要jq来查找,至少要有一个父级类的id或者class才能查找到子级的a标签,至于哪一个,就eq(index)就可以,绑定的话,类似$(".testa").eq(index).click(function(){});不知道解决没...

jquery动态创建的div怎么获取他的class或者id?
jquery是页面一加载获取页面元素的,你后期加的a标签,是获取不到的。你可以在$("#table").append("<a href='javascript:;' class='del'>删除<\/a>")的时候就在内部加上事件,如$("#table").append("<a href='javascript:;' class='del' onclick='alert("获取到了")'>删除<\/a>")。...

相似回答