Question

我基本上是在用jquery替换它们之后尝试用缩略图的alt文本替换大img上的文本，但我无法使其工作。

这是我的代码

$(document).ready(function() {
  $('.small-img').click(function() {
    var imgsrc = $(this).attr('src');
    $('#lgPic').attr('src', imgsrc);
    $('#lgTitle').prop("alt");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div id="gallery">
  <img src='img.jpg' id="lgPic" alt="picture 1 "><br>
  <span id="lgTitle">Yellow PomPom Mum</span>

  <div id="thumbs">
    <img class="small-img" src="img1.jpg " alt="picture 2" />
  </div>
</div>

我会感谢所有的帮助！，谢谢

Answer 1

$('#lgTitle').prop("alt");将返回ID等于alt的元素的#lgTitle属性，在您的情况下，由于span没有{{1}，它将不会返回任何内容}。

如果要更改文本值，则应使用alt函数，如：

.text()

希望这有帮助。

Answer 2

向jQuery添加/etc/hosts修复了问题

HTML

$('#lgTitle').text($(this).attr('alt'));

JQuery的

 <div id="gallery">
      <img src='img.jpg' id="lgPic" alt=picture 1"><br>
      <span id="lgTitle">Yellow PomPom Mum</span>

      <div id="thumbs">
        <img class="small-img" src="img1.jpg" alt="picture 2>
      </div>
 </div>

更改img时jQuery用alt标记替换文本

2 个答案: