标题/ Alt 属性未显示

Question

我有一个脚本，它从跨度中获取 alt，将其用作图像的 src。获取该跨度的类并将其传输到 img，最后，获取跨度的文本并将其用作 alt 或标题。出于某种原因，alt/title 部分不起作用。即使我指定了每个图像将具有的静态标题/alt，它仍然不会显示。

我需要在这些翻译、类、名称和 url 中保留 3 条信息。 Alt/title 将是一个有用的属性，用于存储名称部分。 （因为 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" />'));

Answer 1

val()方法只适用于输入字段获取“值”属性。如果您想获取跨度内的文本，请使用text() 或html()。前一个选项会忽略 html 标签。

另外，在通过 jQuery 创建元素时，请考虑将属性传递给第二个参数：

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