jQuery 将类添加到单击的单选按钮范围

jquery addclass to the clicked radio button span

本文关键字：单选按钮 范围 单击 添加 jQuery      更新时间：2023-09-26

我有以下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');

我正在尝试将类红色文本添加到单击的单选框中。 因此，如果您单击值 = 1 的收音机，那么可以在跨度内找到的数字 1 将以红色显示

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

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

应该将类添加到 DOM 树中<input>之后最接近的同级，这是您要查找的<span>。

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

$('#premise').next().addClass('redtext');
相关文章：