2015-05-08 58 views
-2

獲得所選圖像的來源,我有以下代碼:如何使用jQuery

<li class="k-tile k-state-selected" data-type="f" data-uid="504c365a-fd54-4a9f-adc2-c217ce4dc8fc" role="option" aria-selected="false"> 
    <div class="k-thumb"> 
     <img class="k-image" alt="1.jpg" style="" src="http://doelbewust.nl/img/doelbewust_logo.png"> 
    </div> 
    <strong>1.jpg</strong> 
    <span class="k-filesize">206.97 KB</span> 
</li> 

我希望得到一個圖像的來源,當我點擊li元素裏面。 請指導我。

+0

代碼在哪裏? –

回答

1

試試這個:

$('li.k-state-selected').on("click", function(){ 
    var src=$(this).find("img").attr("src"); 
}); 

FIDDLE

1

你去那裏:

$('li .k-tile').click(function(){//only the li with .k-title class 
    $(this).find('img .k-image').attr('src'); //only the image with .k-image class 
}); 
+0

對於.k-title類應該是'li k-tile' –

2

我希望得到一個圖像的源WHN我點擊李的Elemen內

$('li').click(function(){ 
    alert($(this).find('img').attr('src')); 
}); 
1

點擊li,顯示img src。 Demo

$('.k-tile').on('click', function() { 
    var img= $('.k-image').attr('src'); 
    alert(img); 
})