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之间的空格？

即

$('.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());

}）;