Question

我是一个新访客，相对来说是jQuery的新手。

我有一个带有ALT文本的图像，我希望在SPAN中，在图像下显示，并操纵以用B和I标签替换“ - ”......

当前HTML：

<span class="alignright">
    <img src="sys/billeder/medarbejdere/tommy_stor.jpg" width="162" height="219" title="Name - Age" />
    <span></span>
</span>

通缉输出

<span class="alignright">
    <img src="sys/billeder/medarbejdere/tommy_stor.jpg" width="162" height="219" title="Name - Age" />
    <span><b>Name</b> <i>Age</i></span>
</span>

我已经使用这个jQuery来提取ALT，并把它放在SPAN中：

var alt = $("#hoejre p span img").attr("alt");
$("#hoejre p span span").text(alt);

提取就像一个魅力，但我需要SPAN：

...to start with "<b>"
...to replace the "-" with "</b> <i>"
...and end with "</i>"

Answer 1

不确定我是否正确阅读，但如何将最后一行更改为：

$("#hoejre p span span").html("<b>" + alt.replace("-", "</b> <i>") + "</i>");

Answer 2

这个怎么样：

$("#hoejre p span span").html('<b>'+alt.replace('-', '</b> <i>')+'</i>');

replace只是常规JavaScript，html()是一种JQuery方法（documented here）。

Answer 3

var alt = $("#hoejre p span img").attr("alt");
$("#hoejre p span span").html("<b>"+alt.replace("-", "</b><i>")+"</i>");

复制并操作图像上的ALT

3 个答案: