изменение нескольких объектов с JQuery

Question

Я ищу решение для следующего:

Для JQuery: Как я могу изменить атрибут всех родителей объектов, которые имеют такое же имя?

Вот мой код:

<div class="roundedOne"> 
    <input type="radio" id="id_single" name = "radStatus" value = "1" /> 
    <label for="id_single"></label> 
</div>   

<div class="roundedOne"> 
    <input type="radio" id="id_married" name = "radStatus" value = "1" /> 
    <label for="id_single"></label> 
</div> 

Я хочу сделать что-то вроде:.. $ ("[имя = 'radStatus']") родитель() атр ("класс", " myNewClassName ");

Спасибо :)

Answer 1

Попробуйте

$(function(){ 
    $("[name='radStatus']").parent().attr("class", "myNewClassName"); 
}); 

Demo

Ваш код работает. но вам нужно, как реализовать. см. демо

Answer 2

Try

$("input[name ='radStatus']").parent().addClass("myNewClassName"); 

---

Answer 3

Вы можете использовать метод jQuery .parents().

Так что:

$("[name='radStatus']").parent().attr("class", "myNewClassName"); 

Становится это:

$("[name='radStatus']").parents().attr("class", "myNewClassName"); 

Вот рабочий Fiddle, который изменит все родители элементов. Осмотрите элементы, чтобы увидеть новое имя класса.