jquery - Jquery 属性选择器不跨浏览器？

Question

我得到了以下脚本：

$('.jcarousel li .views-field-title').each(function(index) {
    //alert(index+1 + ': ' + $(this).text());
    var idx=index+1;
    $('.jcarousel-navigation li[jcarousel-page='+idx+'] a').html($(this).text());
});

这在 FF、IE7/8/9 中就像一个魅力，但在 Chrome 和 Safari 上却没有。

我知道这是因为属性选择器。

有人知道如何使这个脚本跨浏览器兼容吗？这看起来像是唯一要做我需要做的事情。

Answer 1

尝试将实际值括在引号中，如下所示：

$('.jcarousel-navigation li[jcarousel-page="'+idx+'"] a')

Answer 2

尝试加上idx引号：

$('.jcarousel-navigation li[jcarousel-page="'+idx+'"] a')

http://api.jquery.com/attribute-equals-selector/

Answer 3

你能确认 .each 方法正在触发吗？

你试过去掉 li 和 .view-fields-title 之间的空间吗？

IE

$('.jcarousel li.views-field-title').each(function(index) {
//alert(index+1 + ': ' + $(this).text());
var idx=index+1;
$('.jcarousel-navigation li[jcarousel-page='+idx+'] a').html($(this).text());

});