javascript - Jqueryはdivの現在のラベルを取得して入力します

Question

複数のdivがあり、各divにはテキストボックスとラベルがあります。テキストボックスが.focusになっているときに、ラベルにテキストを入力する必要があります

これまでのスクリプト：

 $(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
 });
});

例えば

<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>

どうも！

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：

$('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

親を使用して見つけることができます：

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");
});

こちらをご覧ください

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');
    });
});​

例。

注：次のように、divにクラス名を割り当てることをお勧めします

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

だからあなたは次のようにあなたの選択を絞り込むことができます

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

これにより、他のdivのラベルが空になるのを防ぐことができます。