Php Jquery在span中显示img标题

我想在span标记中显示图像标题。我使用此代码，但span标记中没有显示任何内容

<script type="text/javascript" src="jquery-1.4.2.min.js" ></script>
<script type="text/javascript">
jQuery(document).ready(function( {
$('#thumb ul li a img').fadeIn(function() {
        var $this = $(this);
        $this.next('.showtitle').append($this.attr('title'));
    });
});
</script>
...
<div class="thumb"  id="thumb">
<ul class="ul">
<?php
$result = mysql_query("SELECT * FROM ..."); 
$strstr=1; 
while ($row = mysql_fetch_array($result))
{
echo '<li class="li"><a href="' . $row['link']. '"><img src="'.$row['image'].'" title="'.$row['title'].'" class="img'.$strstr.'" /></a><span class="showtitle" /></li>';
$strstr++;
}
?>
</ul>
</div>

jQuery（文档）.ready（函数（{
$（'#thumb ul li a img'）.fadeIn（函数（）{
var$this=$（this）；
$this.next（'.showtitle'）.append（$this.attr（'title'））；
});
});
...

---

我已检查，数据库中的标题不是空的。如何修复它？

问题是

元素中的
下一步（）

将是空的-它是其周围

标记中的最后一个（唯一的）内容。请尝试

$this.closest('a').next('span.showtitle').text($this.attr('title'));

---

问题是

元素中的

.next（）

将为空-这是其周围

标记中的最后一个（唯一的）内容。请重试

$this.closest('a').next('span.showtitle').text($this.attr('title'));

尝试以下更改：

$('#thumb ul li a img').fadeIn(function() {
        var $this = $(this);
        $this.parent().next('.showtitle').append($this.attr('title'));
    });
});

我在

.parent（）

中添加了。您的将抓取图像后的“下一个”，但图像嵌套在链接中，标题范围位于该链接之后，而不是图像。

尝试此更改：

$('#thumb ul li a img').fadeIn(function() {
        var $this = $(this);
        $this.parent().next('.showtitle').append($this.attr('title'));
    });
});

我在

.parent（）

中添加了。您的将抓取图像后的“下一个”，但图像嵌套在链接中，标题范围位于该链接之后，而不是图像