Question

我尝试在标记

中打印alt属性中包含的文本

HTML

<p class="name-item-slider"></p>

<div class="flexslider">
    <ul class="slides">
      <li><img src="car.png" class="drag-item" alt="Scissors" ></li>
    </ul>
</div>

我试过了：

var namealt = $("img").alt();
$(".name-item-slider").html(namealt);

Answer 1

你可以这样做：

$("p.name-item-slider").text($("img.drag-item").attr("alt"));

或者如果你想分手：

//Get the text
var altText = $("img.drag-item").attr("alt");

//Set the text
$("p.name-item-slider").text(altText);

Answer 2

因为你正在使用带有flexslider类的div，我想你正在使用某种图像幻灯片，或者至少使用多个<img>标签的东西。如果是这种情况，那么您需要一个更强大的答案，而不仅仅是从一个图像获取alt并将其放入p标签。

也就是说，如果您有多个<p>和<img>代码，那么这将不起作用：

$('p').text($('img').attr('alt'));

实际上，它会起作用，但不是你想要它的方式。它只会从第一个匹配的图像中获取alt，并且p标记文本将与该内容保持一致。要使用正确的alt更新p标记，您需要一个循环。

我从未使用过flexslider，但我确信它有一个回调函数。在这方面你需要这样的东西：

$('.name-item-slider').text($('.img.drag-item.current-slide').attr('alt'));

在<p> </p>中查看img alt中的文字

2 个答案: