首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

Jquery1.8不支持标签+属性选择器了?解决方法

2013-02-24 
Jquery1.8不支持标签+属性选择器了?htmlheadscript typetext/javascript srchttp://code.jquery

Jquery1.8不支持标签+属性选择器了?


<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("a.[href='aaa']").each(function(){
alert($(this).text());
});
  });
});
</script>
</head>

<body>
<a href="aaa">123</a>
<a href="aaa">123</a>
<label href="aaa">444</label>
<a>123</a>
<button type="button">Click me</button>
</body>
</html>


如上代码,我要实现遍历一下href=aaa的超链接,这个代码在jquery版本1.8以下是没有问题的,但一旦把jquery 设置成1.8以及以上版本,就无法执行

1.8为何去掉这种$("a.[href='#']")的用法呢?

觉得有些地方挺有用的哇 jquery 属性选择器
[解决办法]
a.[href='aaa'] 有这个写法吗?

应该是a[href='aaa']
[解决办法]
引用:
XML/HTML code
?



1234567891011121314151617181920212223

<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.0.min.js"></script> <script type="text/javascript">……

我没见过$("a.[href='aaa']") 这种写法,应该是$("a[href='aaa']") 
[解决办法]

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$("a[href='aaa']").each(function(){
alert($(this).text());
});
});
$("#abv").click(function(){
$("a").each(function(){
alert($(this).text());
});
});
$("#abc").click(function(){
$("label").each(function(){
alert($(this).text());
});
});
});
</script>
</head>
<body>
<a href="aaa">123</a>
<a href="aaa">234</a>
<label href="aaa">345</label>
<a>456</a>
<input type="button" value="遍历a标签" id="abv"/>
<input type="button" value="遍历label标签" id="abc"/>
<button type="button">遍历a下aaa标签</button>
</body>
</html>

[解决办法]
a后面没有点的吧,跟input[name='good']一样道理吧

热点排行