jquery移动分配变量onclick

我有一个列表，我想在单击列表中的项目时设置一个变量

<li><a href="#secondpage" onclick=""><img src="images\HF1.jpg" class="ui-li-thumb">text</a></li>

我想使用onclick将变量X设置为某个值。例如，onclick X将设置为紫色。有人知道我怎么做吗

---

关于，

您可以尝试这样做：

<script>
$(function(){
  var z;
  $(".x-var-setter").click(function(e){
    z = $(this).attr("data-color");
  });
});
</script>

<ul>
  <li><a data-color="purple" href="#secondpage" class="x-var-setter" onclick=""><img src="images\HF1.jpg" class="ui-li-thumb">text</a></li>
</ul>

$（函数（）{
var z；
$（“.x-var-setter”）。单击（函数（e）{
z=$（this.attr（“数据颜色”）；
});
});

以下是一个工作示例：

HTML:

我在一个对象中使用了一个变量，它是您请求的变体。看看我的例子，看看它是如何工作的。Listview可以有任意多个元素此事件将对每个元素都有效+它将返回唯一值。

在标记中，为其指定一个ID。在标记中，您有一个属性“onclick”。创建一个访问img ID的

onclick函数

。

<ul data-role="listview" data-theme="a">
    <li id="purple"><a href="#">item 1</a></li>
    <li id="red"><a href="#">item 2</a></li>
    <li id="orange"><a href="#">item 3</a></li>
</ul>

$('ul[data-role="listview"] li').bind('click',function(event, ui){
    colors.activeColor  =  $(this).attr('id');
});

var colors = {
    activeColor : 'none'
}