定位围绕无线电输入的跨度

Question

我的问题很简单。我正在使用模板来做样式。模板处理表单输入的方式是将它们包装在span标记中。要选择单选按钮，您必须将跨度的类更改为“已选中”。 使用checked =“checked”或在输入中选中不起作用。

示例：

<label class="radio">
<div class="radio" id="uniformed-undefined">
    <span class="checked">
        <input type="radio" name="grow" value="slash">
    </span>
</div>

如何根据输入名称“grow”和值“斜杠”来定位<span class="checked">？

我调查了.before（），但我不确定这是正确答案。

Answer 1

jQuery multiple attribute selector
和jQuery parent

$("input[name='grow'][value='slash']").parent("span");

Answer 2

$("span.checked:has(input[name='grow'][value='slash'])")

JS小提琴： http://jsfiddle.net/RgN7H/1