Javascript 我是否可以在HTML标记中添加额外的内容，以便JQuery能够获取这些内容？ 废话

允许这样做吗？

不，这样做不会验证：

---

您可以提供自定义DTD使其“有效”：

此场景的常用方法是使用

数据-*

这并不是在所有版本的HTML中都有效；但是它相对无害而且非常方便；而且比其他很多方法都好

编辑：示例总是很好的：

<div id="holder" rel="http://mysite.com/go.jpg" rel2="42pixels" rel3="gaga">
blah
</div>

我的小马
变压器

如果可能，我建议使用以下方法实现此目的：

<!-- In an HTML file loaded with AJAX, for instance: -->
<ul>
  <li data-id="1">My Little Pony</li>
  <li data-id="2">Transformers</li>
</ul>

废话

取决于“允许”的含义。它会起作用，但你的验证会失败。

类

属性旨在涵盖这些类型的扩展（尽管除了CSS之外，没有人真正将其用于任何东西，因此这样做可能会成为事实上的滥用）。数据-*属性是添加自定义属性的正确方法，但这仅在HTML5中有效。就我个人而言，我通常使用

id

或

class

属性来传递额外的数据。在您的情况下，您甚至可以执行以下操作：

<div id="holder" rel="http://mysite.com/go.jpg" data-rel2="42pixels" data-rel3="gaga">
    blah
</div>

当然，您可能需要使用比下划线更复杂的分隔符，以确保不会将字符串拆分错误，我只是将其用作POC

---

希望这有帮助

我不知道这是

class

的初衷。因此，如果您想存储例如42的图像id，实际意图是您应该执行

class=“imageId42”

（或类似操作）？“我觉得这很尴尬。”弗罗德——这很尴尬！类最初是作为扩展有关元素的数据的一部分而设置的。你会遇到一些JS应用程序，它们会时不时地这样做，但现在它违背了最不令人惊讶的原则，所以它是不受欢迎的。你到底想做什么？这件事能不能用

<div id="holder" class="http://mysite.com/go.jpg_42pixels_gaga">blah</div>

var divParams = $("#holder").attr("class").split('_');
alert('Param 1 is: ' + divParams[0] + ' / Param 2 is: ' + divParams[1] + ' / Param 3 is: ' + divParams[2]);