jquery sender BY CLASS

<img href="a" class="myImg"></img> 
<img href="b" class="myImg"></img> 
<img href="c" class="myImg"></img>

如何通過跟蹤使用css class myImg的元素上的單擊事件來確定被點擊的圖像的href值。您還可以修改HTML，如果它簡化了jquery.Thanksjquery sender BY CLASS

來源

2011-08-29 Ryan

我建議看看在[jQuery的教程]（http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery）。 –

[如何獲取錨文本/ href點擊使用jQuery？]可能重複（http://stackoverflow.com/questions/2652372/how-to-get-anchor-text-href-on-click-using-jquery ） –

Btw。 'href'不是圖像的有效屬性。你的意思是'src'？ –

$('img.myImg').click(function(){ 
    alert(this.href); //might not work 
    alert(this.getAttribute('href')); //definitely should work 
});

來源

2011-08-29 21:11:13 Neal

我認爲這個答案不正確，因爲IMG標籤沒有HREF屬性，http://www.w3.org/TR/html401/struct/objects.html#h-13.2 –

@BurakErdem - 這就是爲什麼第二個選項應該工作 – Neal

$('.myImg').click(function() { 
    alert($(this).attr('href')); 
});

來源

2011-08-29 21:11:38 realshadow

哈哈SO不會發布我的，因爲它是**完全**相同的答案作爲你的（但5秒後！） –

試試這個

$('.myImg').click(function(){ 
    alert($(this).attr('href')); 
});

來源

2011-08-29 21:12:03 ShankarSangoli

$(document).ready(function() { 
    $(".myImg").click(function(e) { 
    alert($(this).attr("href")); 
    }); 
});

來源

2011-08-29 21:13:39

「IMG」標籤不具有「href」屬性。你必須把這些圖像放在鏈接標籤（「a」）之間;

<a href="a"><img src=".." class="myImg"></a> 
<a href="b"><img src=".." class="myImg"></a> 
<a href="c"><img src=".." class="myImg"></a>

然後，如果您想獲取href，請在鏈接上監聽點擊事件;

$('a').click(function(e) { 
    console.log('selected href:', $(this).attr('href')); 
    // if you want you can stop executing the href 
    // e.preventDefault(); 
});

檢查http://jsfiddle.net/demods/U7D2g/

來源

2011-08-29 21:16:49

jquery sender BY CLASS

回答

相關問題