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

ut6juiuv  于 11个月前  发布在  jQuery
关注(0)|答案(2)|浏览(140)

我基本上是试图取代大img上的文本与缩略图的alt文本后,取代他们使用jquery,但我不能使它工作。
这是我的代码

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

个字符
我会感谢所有的帮助!谢谢

ryevplcw

ryevplcw1#

$('#lgTitle').prop("alt");将返回id等于#lgTitle的元素的alt属性,在您的情况下,它将不返回任何内容,因为span没有alt
如果你想改变文本值,你应该使用.text()函数:

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

字符串

xtupzzrd

xtupzzrd2#

$('#lgTitle').text($(this).attr('alt'));添加到jQuery解决了这个问题
HTML

<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>

字符串
jQuery

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

相关问题