CSS访问输入上的顶级标签元素

Question

我当前正在尝试在有验证问题时样式的标签以更改其颜色。

<label>
<input id="single-select" class="apply-form-multi-select required errorField" type="radio" name="question_3897788" style="background-color: rgb(0, 255, 0); color: red;">
Option 2
</label>

大多数此信息都是动态生成的。我的目的是访问顶部，以便我可以更改"选项2"文本的颜色。

我目前有以下内容：

$('input[name='+i+'].errorField.apply-form-multi-select').css("color", "red");

，但这只会给我输入字段。关于如何访问标签的任何想法？

Answer 1

您可以尝试将.parent()连接到与匹配标签上方直接匹配的标签的末端。

$('input[name='+i+'].errorField.apply-form-multi-select').parent().css("color", "red");

---

感谢Amit Kumar，这是一个解决方案，可以确保父元素为标签

如果要确保.parent()与label元素匹配，则可以将其作为参数提供选择。例如，.parent("label")。