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

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

本文关键字：列表 何通过 获取 标题 单击      更新时间：2023-09-26

在我的web应用程序中，我有以下列表项:

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

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

你是相当接近的，虽然这不是你在javascript中处理事件的方式，你忘记了$在你的jquery调用前:

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

您可以简单地使用:

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

你的尝试的问题是你调用click事件，而不是为它分配一个处理程序。您还错过了jQuery $。

使用

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