Как установить значение пользовательского атрибута равным переменной?

Question

Вот мой jquery:

if ($('div[data-sort= 23 ]').length > 0) {
    $('div[data-sort= 23 ]').after(newdiv); 
}

Если я хочу установить число 23 равным n, вот что я сделал:

n = 23;
    if ($('div[data-sort= n ]').length > 0) {
        $('div[data-sort= n ]').after(newdiv);  
    }

Но это не работает. Кто-нибудь может сказать мне, почему?

Answer 1

Попробуйте:

var n = 23;
if ($('div[data-sort=' + n + ']').length > 0) {
    $('div[data-sort=' + n + ']').after(newdiv);  
}

Вам нужно сделать вашу переменную частью строки; в этом новом коде число 23 объединяется в строку, поэтому будет работать селектор для jQuery. Чтобы увидеть, что jQuery получает в качестве селектора, вы можете запустить это:

var n = 23;
alert($('div[data-sort=' + n + ']').selector);

Вы должны увидеть "div [data-sort = 23]".