javascript - html/Javascript : Add Attribute to an HTML Control

Question

需要:找到一种方法将有效的标签/属性/属性添加到普通的 html 控件中。

我所拥有的是一些 javascript/jquery，将点击事件添加到将显示或隐藏 div 的链接。这个想法是使用 $(document).ready 和一个匿名方法来创建 onClick 在页面加载时调用的方法。单击时，将显示一个带有一些文本的 div。这一切都很好，只是我不知道如何设置文本，以便可以在页面加载时完成此操作。我想要的是这样的:

<a href="..." class="showItLink" textToShow="This is the text to show">HI</a>

这样我就可以做到这一点:

$(document).ready
(
  function()
  {
    $("..showItLink").click
    (
      function(event) 
      {
        var containerPosition;
        var createdDiv;

        //see if the div already exists
        createdDiv = $(this).children(".postComment");

        if (createdDiv.length == 0) 
        {
          //This is where the attribute is used so that the CreateDiv
          //method can take the textToShow and fill the div's innerText
          //with it                  V V V V V V
          createdDiv = CreateDiv(this.textToShow, "postComment"); 
          $(this).append(createdDiv);
          $(this).children(".postComment").hide();
        }

        $(createdDiv).toggle();
        event.preventDefault();
      }
    );
  }
);

现在，除了 xhtml 无效(meh)之外，这仅适用于 IE。 Firefox 只是说它不存在。 (this.textToShow) 我可以使用 rel 或 rev 之类的东西，但这看起来就像黑客一样。我想知道是否有有效的方法可以做到这一点。

下面答案的解决方案

comment = $(".showItLink").attr("comment");
...
createdDiv = CreateDiv(comment, "postComment");

搭配:

<a href="http://www.theironical.com" class="showItLink" comment="hihihi" >HI</a>

Answer 1

如果您使用 JQuery，只需使用 .attr() 获取和设置属性即可。

获取:this.attr("textToShow")

设置:this.attr("textToShow", value)