Javascript 如何将jscarousel转换为使用语义html？

我正在尝试重新创建此图像滑块：

除了使用更有意义的html。此页面只使用了一组随机div，更多div封装了整个内容：

<div id="jsCarousel">
  <div>Image</div>
  <div>Image</div>
  <div>Image</div>
</div>

形象
形象
形象

我希望我的html看起来更像：

<ul id="jsCarousel">
  <li>Image</li>
  <li>Image</li>
  <li>Image</li>
</ul>

形象
形象
形象

但我无法判断js源代码中哪个div选择器是什么。例如，这三项声明：

var slider = $('<div/>').addClass('jscarousal');
var leftbutton = $('<div/>').addClass('jscarousal-left');
var rightbutton = $('<div/>').addClass('jscarousal-right');

var slider=$（''）.addClass（'jscarousal'）；
var leftbutton=$（''）.addClass（'jscarousal-left'）；
var rightbutton=$（''）.addClass（'jscarousal-right'）；

我无法判断html中的哪些div受到影响，因此我可以将div更改为ul或li。如果只是这三行，我相信10分钟的猜测会让我找到我需要的地方，但是js文件中有30个地方

我觉得这是基本的js/jquery，所以我在谷歌上搜索了一下，但找不到翻译或教我需要知道的东西。任何javascript专家都有一分钟的空闲时间告诉我如何找出哪些div需要成为ul的，哪些需要成为li的

提前感谢任何能提供帮助的人

--马克

嗯，js就像

$(document).ready(function() {
$('#jsCarousel').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true });
}); 

html的结构是这样的

<div id="jsCarousel">
            <div>
                <img src="images/img_1.jpg"><br>
                <span class="thumbnail-text">Image Text</span></div>
            <div>
                <img src="images/img_2.jpg"><br>
                <span class="thumbnail-text">Image Text</span></div>
            <div>
                <img src="images/img_3.jpg"><br>
                <span class="thumbnail-text">Image Text</span></div>
            <div>
                <img src="images/img_4.jpg"><br>
                <span class="thumbnail-text">Image Text</span></div>
            .........
            .........

        </div>

图文


图文


图文


图文
.........
.........

好吧，js就像

$(document).ready(function() {
$('#jsCarousel').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true });
}); 

html的结构是这样的

<div id="jsCarousel">
            <div>
                <img src="images/img_1.jpg"><br>
                <span class="thumbnail-text">Image Text</span></div>
            <div>
                <img src="images/img_2.jpg"><br>
                <span class="thumbnail-text">Image Text</span></div>
            <div>
                <img src="images/img_3.jpg"><br>
                <span class="thumbnail-text">Image Text</span></div>
            <div>
                <img src="images/img_4.jpg"><br>
                <span class="thumbnail-text">Image Text</span></div>
            .........
            .........

        </div>

图文


图文


图文


图文
.........
.........

在jsCarousel.js内（代码从第2行开始），将这些行中的

div

更改为

li

：

22,43,44

将第74行更改为：

$（'>div>li'，slidercontents.css（'display'，''）

在jsCarousel.css中，添加
margin:0和
填充：0至
.jscarousel contents
（第35行）

同时将
.jscarousal contents>div>div
更改为
.jscarousal contents>div>li

那就够了
 在jsCarousel.js内（代码从第2行开始），将这些行中的
div
更改为
li
：
22,43,44

将第74行更改为：
$（'>div>li'，slidercontents.css（'display'，''）

在jsCarousel.css中，添加
margin:0和
填充：0至
.jscarousel contents
（第35行）

同时将
.jscarousal contents>div>div
更改为
.jscarousal contents>div>li

那就够了
 谢谢experimentX，但我在查找脚本时没有遇到问题。我需要帮助更改脚本以适应不同的html结构，目的是尽可能少的“车轮改造”…@Mark我想我帮不了你。谢谢experimentX，但我在查找脚本时没有遇到问题。我需要帮助更改脚本以适应不同的html结构，目的是尽可能少的“车轮改造”…@Mark我想我帮不了你。