Javeryの現在のラベルを取得して入力します

Question

複数のdivがあり、各divにはテキストボックスとラベルがあります。

例えば

$(function() { 
    $('input:text').focus(function() { 
    //how do I get the current label and populate with some text? and when clicking on a 
    //different textbox, I want to clear the previous label and just show the current 
    //div's label with some data 
}); 
}); 

：テキストボックスは、これまで.focus

スクリプトにあるとき、私はラベルにテキストを移入する必要があります

<div> 
    @Html.TextBoxFor(model => model.Title) 
    <label> 
    </label> 
</div> 
<div> 
    @Html.TextBoxFor(model => model.Name) 
    <label> 
    </label> 
</div> 
<div> 
    @Html.TextBoxFor(model => model.Address) 
    <label> 
    </label> 
</div> 

thx！

Answer 1

の作業例：

http://jsfiddle.net/KhQtx/

HTML：

<div> 
    <input type="text" title="Tittle" value=""/> 
    <label> 
    </label> 
</div> 
<div> 
    <input type="text" title="Name" value=""/> 
    <label> 
    </label> 
</div> 
<div> 
    <input type="text" title="Address" value=""/> 
    <label> 
    </label> 
</div>​ 

JS：div要素のidを与えるために必要な

$('input:text').focus(function() { 
    // clean label 
    $('input:text').next('label').html(""); 

    // get input title 
    var title = $(this).attr('title');    

    // add html to label from input title 
    $(this).next('label').html(title); 
});​ 

Answer 2

$(function() { 
    $('input:text').focus(function() { 
     $(this).siblings('label').empty().html('what you want..'); 
    }); 
}); 

Answer 3

あなたは使用することができparentとfind：

var label = $(this).parent().find('label') 

Answer 4

試してみてください。

$('input:text').focus(function(){ 
    $(this).next().text('text here'); 
}); 

Answer 5

$('input:text').focus(function() { 
    $('input:text').next('label').html(""); // reset all first 
    $(this).next('label').html("Your text here"); 
}); 

See here

Answer 6

$(function() { 
    $('input:text').focus(function() { 
    // To put textboxvalue in label 
    $($(this).parent().find('label')).val($(this).val()); 
    // To put customvalue in label 
    $($(this).parent().find('label')).val("Hi i am a label"); 
}); 
}); 

Answer 7

$(function() { 
    $('input:text').focus(function(e){ 
     $('div label').text(""); 
     $(this).next('label').text('SomeText'); 
    }); 
});​ 

Example.

注：あなたがあなたのdivにクラス名を割り当て、より良いあなたが避けることができます

 $('div.parentDiv label').text(""); 
     $(this).next('label').text('SomeText'); 

のようなあなたの選択を絞り込むことができ

<div class="parentDiv"> 
    <input type="text" id="Title" /> 
    <label></label> 
</div> 

を次のようになります他のdivのラベルは空ではありません。あなたのために作ら