Javascript 如何将类添加到输入类型radio的父范围

我对

jQuery

有一个疑问。我有一个

HTML

结构，如下所示：

<div class="radio" id="uniform-op21">
    <span>
        <input type="radio" value="2" id="op21" name="op11" style="opacity: 0;">
    </span>
</div>

然后它将类添加到

而不是

。如何使用此

id

将类添加到

标记

更新

：

对不起，实际上完整的代码结构如下：

<div style="margin-left:60px;font-size:14px;" class="checked">
    <div class="radio" id="uniform-op11"><span><input type="radio" value="1" id="op11" name="op11" style="opacity: 0;"></span></div>Indira gandhi<br><br>
    <div class="radio" id="uniform-op21"><span><input type="radio" value="2" id="op21" name="op11" style="opacity: 0;"></span></div>Rajendra Singh<br><br>
    <div class="radio" id="uniform-op31"><span><input type="radio" value="3" id="op31" name="op11" style="opacity: 0;"></span></div>Rahul Gandi<br><br>
    <div class="radio" id="uniform-op41"><span><input type="radio" value="4" id="op41" name="op11" style="opacity: 0;"></span></div>Narendra Modi<br><br>
    <div class="radio" id="uniform-zero"><span><input type="radio" value="0" id="zero" name="op21" style="opacity: 0;"></span></div>Narendra Modi<br><br>
    </div>

---

然后直接将类添加到第一行的div上。我如何添加它，这些span标记已经添加了

您的选择器错误，您想要的是

#op21

的父项，而不是

#op11

$("#op21").parent().addClass("checkbox");

您还应使用

/>

关闭

输入

元素：

<input type="radio" value="2" id="op21" name="op11" style="opacity: 0;" />

您可以尝试：

$('#op21').closest('span').addClass('checkbox');

Or

$('#op21').parent().addClass('checkbox');

---

这只是您的id错误。您的Jquery是正确的：

注意：在警报中，您可以看到已添加到跨度中的类。

---

只需将

$（“#op11”）

更改为

$（“#op21”）

。除此之外，您的代码很好

---

您的jQuery选择器出了问题

作为您的代码：

<input id="op21" name="op11">

$("#op21")

按id选择（#=id）

或

按属性选择

name

---

---

---

已编辑：

$（“#零”）

您的html具有id

op21

和jquery

op11

。如果使用正确的选择器，它将正常工作：请参阅已编辑的代码确定我将添加一个fiddle@lord_linus我更新了我的答案。第一个不是问题。自动关闭标签在HTML4中有效。自动关闭标签在HTML5中有效，但不是必需的。你说得对，我的编辑器抱怨，所以我习惯于关闭所有标签。为了清晰起见，更新了答案。阅读我的答案并尝试阅读给定的文档，您将更好地了解jQuery选择器，不仅是这个案例@lord_linusI已经这样做了，而且在第一个div检查了类，即

@lord_linus:您想什么时候添加该类？？单击单选按钮时，我想主要问题是，我将隐藏该单选按钮，并希望将其作为默认值发送，因为用于检查单选按钮是否选中的jQuery代码不适用于该值me@lord_linus：如果用户想要更改选项，该怎么办。您应该在submit按钮上选中选中哪个单选框，并相应地工作

$("#op11").parent().addClass("checkbox");

$(document).ready(function(){
alert(document.getElementById('uniform-op21').innerHTML);
});

<input id="op21" name="op11">

$("#op21")

$("input[name='op11']")