Question

I got the below script:

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

This is working like a charm in FF, IE7/8/9 but not on Chrome and Safari.

I understand it’s because of the attribute selector.

Does anybody know how to make this script cross browser compatible? This looks like the only to do what I need to do.

Answer 1

Try enclosing the actual value in quotes, like this:

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