jquery - 找到最接近的标签而不是太具体

Question

编辑

本质上，我想做的是在不添加额外标记的情况下将“最近的(上一个)”“第一个”“标签”解决为输入的特定类。请在下面查看我的 fiddle 以查看一些案例。我知道我可以向其中添加 css 等。我正在寻找 JS 解决方案。

结束编辑

fiddle 在下面提供。

我正在尝试为一个类找到一个对应的(先前的)标签 - 在多个用例中 - 我不认为 HTML 必须太严格 - 我希望能够在各种情况下使用它解决方案...

$(".FINDME")
    .siblings("label")
    .prepend("<span style='color: magenta;'>* </span>");

以前的方法有效，但不适用于标签可能不是兄弟或存在嵌套 div 的所有情况。

我也试过:

$(".FINDME")
    .closest(".row")
    .find("label")
    .append("<span style='color: magenta;'> *</span>");

这也适用，但在 .row 中有多个标签的情况下，这会将 * 应用于所有标签。

我需要一个解决方案来找到离类(class)最近的标签。

fiddle : https://jsfiddle.net/r6Lx4ytg/

Answer 1

您使用 javascript 有什么原因吗？一个简单的 css 解决方案是

.required::after {
  content: "*";
  color: magenta;
}

然后你可以在你想要有星号的标签上放一个required类