Javascript 如何使用jquery将图像动态设置为li标记

我有jquery滑块。此滑块具有这些图像的图像和缩略图。我想分别替换来自jQueryAjax调用的图像和缩略图。 这是我的滑块代码：

<ul id="thumbs" class="slides">
    <li id="firstthumb" data-thumb="images/s/img8.jpg">
        <img id="firstimage" src="images/s/img8.jpg" />
    </li>
    <li id="secondthumb" data-thumb="images/s/img10.jpg">
        <img id="secondimage" src="images/s/img10.jpg" />
    </li>
    <li id="thirdthumb" data-thumb="images/s/img9.jpg">
        <img id="thirdimage" src="images/s/img9.jpg" />
    </li>
    <li id="fourththumb" data-thumb="images/s/img11.jpg">
        <img id="fourthimage" src="images/s/img11.jpg" />
    </li>
    <li id="fifththumb" data-thumb="images/s/img3.jpg">
        <img id="fifthimage" src="images/s/img3.jpg" />
    </li>
</ul>

这里有消息[22]。。。是图像的URL。它工作得很好。但我不知道如何替换拇指指甲图像。给我一些想法。谢谢。

试试这个

$('#firstthumb').data('thumb', message[22]);

或

你能试试这个吗

  $('#firstimage').attr('src', message[22]).data('thumb', message[22]);

---

非常感谢。我已经试过第二个了。但不起作用。@RameshJn请确保图像位于该路径中。消息[22]是，路径正确。它为图像工作。缩略图有问题。。如果路径不正确，它至少应该显示一些空的。你能提供一些提琴演示吗？

$('#firstthumb').attr('data-thumb',message[22]);

  $('#firstimage').attr('src', message[22]).data('thumb', message[22]);