javascript - リスト値を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>

そして、最初のスクリプトに、スワップ先のページを動的に伝える方法が必要です。もう1つのスクリプトは、次のようにリスト構造を提供します。

<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'));
});