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());

}）;