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

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>

当我单击具有“ui-corner-all”类的列表项时，我试图获取该列表项标题值(例如，如果我单击第一个列表项，我将获得值#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);
});