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

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>

当我单击带有 class "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);
});

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

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

How to get Title Value by Clicking List Item With a Class Used by Multiple List Items

javascript

jquery

click

title