Question

我想制作一个图像，当点击该图像时，会显示一些有关图像的附加信息，例如标题。下面是我尝试过的一些代码，这似乎有用。然而，这是在我自己决定尝试添加自定义属性“title”之后，而不是在某处读取这是实现此目的的方法。所以，即使这对我有用，我想知道这是否是一个好的做法，或者是否有推荐的方法来做到这一点？

HTML：

$("#test_image").click(function()
{
    alert(this.title);
});

jQuery的：

{{1}}

Answer 1

title不是自定义属性，而是标准属性。当您将鼠标悬停在元素上时，它会显示在工具提示中。

您不应该创建自定义属性。 HTML5具有用户定义属性的标准机制data attributes。所有以data-开头的属性都保留给程序员使用。 jQuery有一种方法可以访问这些.data()。

$("#test_image").click(function()
{
    alert($(this).data('title'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="test_image" src="images/image1.jpg" data-title="Test Image">

在HTML中添加自定义属性

1 个答案: