DOM에서 'Vegetable'텍스트를 가져 오는 데 문제가 있습니다.
<div class="input-group">
<ul>
<li>
<span class="input-checkbox">
<input type="checkbox" aria-label="...">
</span>
Vegetable
</li>
</ul>
</div>
현재 목록 요소의 텍스트를 가져 오기 위해 상자를 선택할 때 이벤트 처리기가 있지만 수행중인 작업이 작동하지 않습니다 $(e.target).parent().text().. 내 생각은 내가를 목표로 삼고 있다는 것이 "input-checkbox"었기 때문에 부모를 얻은 다음 텍스트를 가져와야합니다. 이것이 올바른 접근 방식입니까, 아니면 내 jQuery에 문제가 있습니까?
이벤트 코드 :
Template.produceList.events({
'click .input-checkbox': function(e) {
e.preventDefault();
console.log('clicked on filter');
var text = $(e.target).parent().text();
return;
}
});
"input"은 "li"안에있는 "span"안에 있고 텍스트 "Vegetable"은 "li"안에 있기 때문에 두 단계 위로 올라 가야합니다.
$(e.target).parent().parent().text()
여기에 예제를 만들었습니다 (코드의 약간 수정 된 형태 임) : https://jsfiddle.net/x5yb2m30/
이를 수행하는 또 다른 방법은 parent ()를 사용하고 li 태그를 찾는 것입니다.
$(e.target).parents("li").text()
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다