Question

我找不到找到文本的方法并将其插入灯箱链接的title属性中。下面的代码返回第一个标题的文本，无论我点击什么链接：

<script>
$(document).ready(function () {
$('a[rel^=lightbox]').attr('title', $(this).find('figcaption').html());

        });
</script>

<body>
<a href="images/image-7.jpg" rel="lightbox[9-10-12]"><figure>
        <img src="images/thumbs/image-7_thumb.jpg" alt="First image" >
        <figcaption>Image 1</figcaption>
    </figure></a>
<br/>
<a href="images/image-8.jpg" rel="lightbox[9-10-12]"><figure>
        <img src="images/thumbs/image-8_thumb.jpg"/>
        <figcaption>Thing 2</figcaption>
    </figure></a>
</body>

Answer 1

你需要这样做：

$('a[rel^=lightbox]').each(function() {
  $(this).attr('title', $(this).find('figcaption').text();
});

Answer 2

您的点击事件在哪里？??

<script>
   $(document).ready(function () {
   $('a').click(function(){
   $('a[rel^=lightbox]').attr('title', $(this).find('figcaption').html());
   })
     });
</script>

Answer 3

这应该有效：

  $('a[rel^=lightbox]').attr('title', $(this).parent().find('figcaption').text();

需要在figcaption元素的父级内找到a元素。

jQuery find（）找到<a></a> </figcaption>后面的<figcaption>文本

3 个答案: