JQUERY獲取圖像的標題，然後把一個元素

IM困惑如何把title屬性從「IMG」元素「a」元素.. 請，任何人都可以幫我嗎？JQUERY獲取圖像的標題，然後把一個元素

HTML：

<div id="product" class="productbox"> 
<a href="..."><img src="blablabla" title="12345"></a> 
<a href="..."><img src="blablabla" title="qwerty"></a> 
<a href="..."><img src="blablabla" title="rabbit"></a> 
<a href="..."><img src="blablabla" title="kirby"></a> 
<a href="..."><img src="blablabla" title="dragon"></a> 
</div>

的jQuery：

<div id="product"> 
<a title="12345" href="..."><img src="blablabla" title="12345"></a> 
<a title="12345" href="..."><img src="blablabla" title="qwerty"></a> 
<a title="12345" href="..."><img src="blablabla" title="rabbit"></a> 
<a title="12345" href="..."><img src="blablabla" title="kirby"></a> 
<a title="12345" href="..."><img src="blablabla" title="dragon"></a> 
</div>

我想結果是這樣的：：

<div id="product"> 
<a title="12345" href="..."><img src="blablabla" title="12345"></a> 
<a title="qwerty" href="..."><img src="blablabla" title="qwerty"></a> 
<a title="rabbit" href="..."><img src="blablabla" title="rabbit"></a> 
<a title="kirby" href="..."><img src="blablabla" title="kirby"></a> 
<a title="dragon" href="..."><img src="blablabla" title="dragon"></a> 
</div>

從代碼

function title_image(){ 
var img_title = $(".productbox a img").attr("title"); 
$(".productbox a").attr("title",img_title); 
} 
$(document).ready(function(){ 
title_image(); 
});

結果

這是我寫的jsfiddle CODE

感謝鏈接

來源

2013-12-13 Khen Imvu

你需要通過每個a元素進行迭代，然後分配標題

function title_image() { 
    $(".productbox a").attr("title", function(){ 
     return $(this).find('img').attr('title') 
    }); 
}

演示：Fiddle

來源

2013-12-13 09:01:03

沒錯這就是我想要什麼.. 什麼功能「回報」？謝謝你這麼MUSCH其作品.. :) –

該函數返回將被設置爲當前'了'元素 –

您需要遍歷產品箱項目。然後，$（this）是對當前項目的引用，因此您可以獲取圖像標題並將其應用於錨點。

$(".productbox").each(function() { 
    var img_title = $(this).find("img").attr("title"); 
    $(this).find("a").attr("title",img_title); 
});

看到http://jsfiddle.net/4wzLZ/3/

來源

2013-12-13 09:05:27

您將要覆蓋的每一個標題鏈接的方式。

試試這個：

function title_image(){ 
    $(".productbox a img").each(function(){ 
     $(this).parent().attr('title', $(this).attr('title')); 
    } 
});

這遍歷每一IMG並設置父（即A）的所有權，IMG的標題

來源

2013-12-13 09:05:31 Aal

好感謝..你的代碼讓我很容易理解的德標題值,, –

JQUERY獲取圖像的標題，然後把一個元素

回答

相關問題