Jquery prev() 不适用于输入

Question

我无法用 prev 更改 css，我的错误在哪里？ Fiddlelink

坦克寻找！

---

CSS:

.i1 {
    float: right;
    height: 18px;
    margin-top: 6px;
}
label {
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    float: left;
    height: 25px;
    margin: 5px 0 0;
    width: 450px;
    line-height: 32px;
}

Html:

<label>Titel:<input class="i1" type="text" name="titel" value="" /></label>
<label>Vorname:<input class="i1" type="text" name="vorname" value="" /></label>
<label>Nachname:<input class="i1" type="text" name="nachname" value="" /></label>

Jquery:

  $("input").focus(function () {
    $(this).prev("label").css("border-bottom", "1px dotted #63aec4");
  });

Answer 1

$(this).parent("label").css("border-bottom", "1px dotted #63aec4");

Answer 2

那是因为你将所有内容都放入了 label 标签中...尝试更改 html，如下所示：

<label for="titel">Titel:</label><input tabindex="1" class="i1" type="text" name="titel" value="" />
<label for="vorname">Vorname:</label><input class="i1" type="text" name="vorname" value="" />
<label for="nachname">Nachname:</label><input class="i1" type="text" name="nachname" value="" />

Answer 3

请看这里
我的小提琴

首先，您必须在添加输入之前关闭标签标记。

Answer 4

您不是在寻找旁边的元素 - 您正在寻找它的父元素。

$(this).parent('label')...

Answer 5

$(this).closest("label").css("border-bottom", "1px dotted #63aec4");