Jquery div의 현재 레이블을 가져와 채 웁니다.

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> 

xx!

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의 라벨이 비어있는 것입니다. 당신을 위해 만들어