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 添加到单击的单选框。因此，如果您单击值为 1 的单选按钮，则可以在跨度内找到的数字 1 将显示为红色

Answer 1

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

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

应该将类添加到 <input> 之后最近的同级在 DOM 树中，这是 <span>你正在寻找。