将列表值传递给 jQuery 点击函数

Question

我有一个可以更改背景图像的小 js 脚本。你可以通过

$(document).ready(function(){ 
$("#test").click(function(){
   api.goTo(5); // this will call background slide no. 5
});
});
// this ahref will call the jQuery click handler and swap the background
<a href="javascript:;" id="test" name="test">Test</a>

我需要一种方法来动态地告诉第一个脚本它必须切换到的页面。另一个脚本以这种方式提供列表结构：

<ul class="myclass" id="slider">
    <li jcarousel-page="1" class="active"><a href="javascript:void(0)"><span>1</span></a></li>
    <li jcarousel-page="2"><a href="javascript:void(0)"><span>2</span></a></li>
</ul>

我最终尝试得到的是，例如，如果您单击列表项 2，则应告知第一个脚本“api.goTo(2)”更改为背景 2...

我知道 jQuery 中有一个事件处理函数。但我真的不明白如何将点击的列表项的数量传递给 jQuery.click 处理程序......

感谢您的帮助！ 塞巴斯蒂安

Answer 1

$('li[jcarousel-page]').click(function() {
    api.goTo($(this).attr('jcarousel-page'));
});