2012-10-30 2 views
1
<div class="search_on" id="search-item"> 
    <span class="text">one</span> 
</div> 
<ul class="search_item" style="display: none;"> 
    <li><a href="#">one</a></li> 
    <li><a href="#">two</a></li> 
    <li><a href="#">three</a></li> 
</ul> 

jQuery 코드 변경할 수 없습니다 : 사용자가 li 레이블에서 값에 <span class="text">one</span>의 값을 변경 a 링크를 클릭 할 때 : 나는 싶어텍스트() 값을

$('.search_item li a').click(function() {   
    $('#search-item .text').text() = $(this).text(); 
    return false; 
    $('ul.search_item').hide(); 
}); 

을 레이블에. 위의 코드가 작동하지 않는 이유는 무엇입니까?

답변

4

변경 문

$('#search-item .text').text() = $(this).text(); 

return false

$('#search-item .text').text($(this).text()); 

및 이동은, $('ul.search_item').hide(); 후 텍스트를 설정 한 후 ul.search_item을 숨기려면.

+0

이것은 맞지만 OP 코드의 유일한 문제는 아닙니다. 'return' 문도 움직여야합니다. –

1

text() 값을 매개 변수로 전달해야합니다. 당신이 .text($(this).text())처럼 호출 할 필요가 있도록 속성처럼 설정하려고하지만 함수입니다

$('#search-item .text').text() = $(this).text(); 

.text() = $(this).text()

$('#search-item .text').text($(this).text()); 

$('#search-item .text').text($(this).text()); 
3

다음 작업 수행 :

$('#search-item .text').html($(this).text()); 
관련 문제