javascript - jquery addclass 到单击的单选按钮范围

Question

我有以下html代码：

<div class="tests">
    <input name="premise" id="premise" type="radio" class="required" value="0"><span>0</span>
    <input name="premise" type="radio" class="required" value="1"><span>1</span>  
    <input name="premise" type="radio" class="required" value="2"><span>2</span>
    <input name="premise" type="radio" class="required" value="3"><span>3</span>
    <input name="premise" type="radio" class="required" value="4"><span>4</span>
    <input name="premise" type="radio" class="required" value="5"><span>5</span>      
    </div>

这是我正在使用的 jquery，不幸的是它不起作用：jQuery("#premise").children().addClass('redtext');

我正在尝试将类 redtext 添加到单击的单选框中。因此，如果您单击 value=1 的 radio，则可以在 span 内找到的数字 1 将显示为红色

Answer 1

好吧，在你的代码中<span>不是一个孩子<input>......你可以改变 这应该工作：childrennext

$('#premise').next().addClass('redtext');

Answer 2

您误用了 jQuery children() 运算符。children() 对 DOM 树中元素的子元素进行操作，但在这种情况下，您尝试向其中添加类的跨度是<input>标记的兄弟，而不是子元素。所以

$("#premise").next().addClass('redtext');

应该将类添加到<input>DOM 树中最近的兄弟，这是<span>您正在寻找的。