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

好吧，<span>不是代码中<input>的孩子...... 您可以使用children更改next 这应该有效：

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

Answer 2

您滥用jQuery children（）运算符。 children（）对DOM树中元素的子元素进行操作，但在这种情况下，您尝试添加类的范围是<input>标记的兄弟，而不是子标记。所以

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

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

jquery addclass到单击的单选按钮跨度

2 个答案: