Почему addClass не работает?

Question

<div class="form-group"> 
    <label class="control-label" for="test1"></label> 
    <input type="text" name="test1" class="form-control test1" id="test1" placeholder="" width="200"> 
</div> 

Для добавления класса для DIV <div class="form-group"> я использую код:

var FindName = arr[i].name; //test1 

$("input[name=FindName]").parent().removeClass("test").addClass("test2"); 

Но код разве рабочий. Скажите, пожалуйста, где ошибка в моем коде?

Answer 1

Вы пытаетесь использовать эту переменную неправильно. Попробуйте это:

$("input[name=test1]").parent().removeClass("test").addClass("test2"); 

Или, если вы должны использовать переменную, сцепить его:

$("input[name=" + FindName + "]").parent().removeClass("test").addClass("test2"); 

Answer 2

Закрепить конкатенации вашей переменной. Если FindName - это переменная, вам необходимо объединить ее в свой селектор.

Попробуйте это:

$("input[name='"+FindName+"']").parent().removeClass("test").addClass("test2"); 

Answer 3

струнный concentanation:

var FindName = 'test1'; 

$("input[name='"+FindName+"']").parent().removeClass("test").addClass("test2"); 

с другой стороны, почему бы не просто:

$('#'+findName).closest('div').removeClass("test").addClass("test2"); 

Answer 4

input[name=FindName] Удачные элементы, name атрибут буквально строка FindName. Если вы хотите использовать переменную FindName, либо построить новый селектор:

$('input[name="' + FindName + '"]') 

Или завернуть нативный метод DOM:

$(document.getElementsByName(FindName)) 

Answer 5

Поскольку вы используете переменную FindName как постоянную строку, попробуйте изменения это в:

$("input[name='"+FindName+"']").parent().removeClass("test").addClass("test2"); 

Answer 6

Вы не правильно выбираете тег ввода. Входной тег имеет имя, установленное на «test1»

$("input[name="+ FindName +"]").parent().removeClass("test").addClass("test2");