2011-06-13 55 views
1

我有一個腳本,採取跨度的ALT,使用它作爲圖像的src。取得該跨度的班級並將其傳送到img,最後,將跨度的文本並用作alt或標題。出於某種原因,alt/title部分不起作用。即使我指定了一個靜態標題/ alt,然後每個圖像都會顯示,但它仍然不顯示。標題/ Alt屬性沒有顯示

我有3條信息需要在這些翻譯,類,名稱和url中保留。替代/標題將是一個有用的屬性,用來存儲名稱部分。 (因爲img標籤沒有名字空間)我可以在技術上使用id,但這些圖像在整個會話中被克隆。

var $this = $(this); 
var src = $this.attr('alt'); 
var Name = $this.val(); 
var Type = $(this).attr('class'); 

$(target).parent().after($('<div class="Packet"></div>').append('<img src="'+ src +'" class="Border '+ Type +'" title="some title" />')); 
+0

考慮['數據attributes'](http://ejohn.org/blog/html-5-data -attributes /)?它們與jQuery ['data()'](http://api.jquery.com/data)方法一起工作良好。 – Marcel 2011-06-13 01:39:16

回答

1

val()方法只適用於輸入字段以獲取「value」屬性。如果您想要獲得跨度內的文本,請使用text()html()。前一個選項忽略html標籤。

另外,考慮通過jQuery創建元素時傳遞屬性來的第二個參數:使用

var img = $('<img>', {'src': src, 'class': 'Border ' + Type, 'title': name});