나는 jquery를 처음 사용합니다. 타겟 요소의 "href"속성을 찾으려고합니다.
각 클래스 "link-redirect"에 대한 클릭 이벤트에 대한 스크립트를 작성했습니다.이 경우 데이터 대상 속성을 사용하여 대상 요소에 대한 href를 선택하려고합니다.
그러나 내 스크립트를 사용하여 항상 첫 번째 div 즉 "link1"의 href를 얻습니다.
내가 여기서 뭘 잘못하고 있니?
<div class="link-redirect" data-target=".title-link">
<div cass="div1">
<a href="link1" class="title-link">LInk</a>
</div>
</div>
<div class="link-redirect" data-target=".title-link">
<div cass="div1">
<a href="link2" class="title-link">LInk</a>
</div>
</div>
<div class="link-redirect" data-target=".title-link">
<div cass="div1">
<a href="link3" class="title-link">LInk</a>
</div>
</div>
<div class="link-redirect" data-target=".title-link">
<div cass="div1">
<a href="link4" class="title-link">LInk</a>
</div>
</div>
<script>
$('.link-redirect').each(function(){
$(this).on( "click", function() {
var self = $(this);
var link = $(self.data('target')).attr('href');
alert(link);
});
});
</script>
현재 link-redirect요소 에 상대적인 앵커 요소 (이 경우 하위 요소)를 찾아야합니다.
$('.link-redirect').on("click", function () {
var self = $(this);
var link = self.find(self.data('target')).attr('href');
alert(link);
});
데모 : Fiddle
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다