0

前のページで CSS を変更できません。どこが間違っていますか? フィドルリンク

見るための戦車！

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>

Jクエリ:

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

5 に答える 5

5 
$(this).parent("label").css("border-bottom", "1px dotted #63aec4");
于 2011-04-19T15:02:40.843 に答える
3

これは、すべてを 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="" />
于 2011-04-19T15:05:53.970 に答える
1

入力を追加する前に、ラベルタグ を
閉じる必要があります。

于 2011-04-19T15:07:20.850 に答える
0

あなたはあなたの隣の要素を探しているのではなく、その親を探し<input>ています。

$(this).parent('label')...
于 2011-04-19T15:04:08.767 に答える
0 
$(this).closest("label").css("border-bottom", "1px dotted #63aec4");
于 2011-04-19T15:04:53.667 に答える