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

Passing list-value to jQuery click function

本文关键字:jQuery 单击 函数 列表 值传      更新时间:2023-09-26

我有一个litte 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处理程序。。。

谢谢你的帮助!Sebastian

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