Question

在我的网络应用程序中，我有以下列表项：

<li class="ui-corner-all" title="#3100ff" style="border: none; background-color: rgb(144, 0, 255);"></li>
<li class="ui-corner-all" title="#9330ff" style="border: none; background-color: rgb(144, 0, 255);"></li>
<li class="ui-corner-all" title="#500055" style="border: none; background-color: rgb(144, 0, 255);"></li>

当我点击类＆＃34; ui-corner-all＆＃34;的列表项时，我试图获取该列表项标题值（例如，如果我点击第一个列表项，我会得到值#3100ff。

这可以通过JavaScript / Jquery实现吗？如果是这样，有没有人知道我可以用于这项努力的代码？

在我的头脑中，我想的是：

`

if ((".ui-corner-all").attr("title").click()) {
var title = (".ui-corner-all").attr("title");

alert(title);
}

`

虽然这不起作用。

感谢您阅读我的问题，以及您可能提供的任何帮助。

Answer 1

你非常接近，虽然这不是你如何处理javascript中的事件而忘记了jquery调用前面的$：

$(".ui-corner-all").on('click', function(){
   var title = $(this).prop("title");
   alert(title);
});

Answer 2

您可以通过以下方式完成此操作：

$('.ui-corner-all').click(function(){
    alert($(this).prop('title'));
});

您尝试的问题是您正在调用click事件而不是为其分配处理程序。你也错过了jQuery $。

Answer 3

使用此：

$(".ui-corner-all").click(function(){
     var title = $(this).attr("title");
     alert(title);
});

如何通过使用多个列表项使用的类单击列表项来获取标题值

3 个答案: