日期:2014-05-16  浏览次数:20359 次

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']一样道理吧