Need: Finden Sie eine Möglichkeit, ein gültiges Tag/Attribut/Eigenschaft zu einem normalen HTML-Steuerelement hinzuzufügen.Html/Javascript: Hinzufügen von Attribut zu einem HTML-Steuerelement
Was ich habe, ist einige javascript/jquery Hinzufügen eines click-Ereignisses zu einem Link, der ein div ein- oder ausblenden wird. Die Idee ist, dies mit $ (document) .ready und einer anonymen Methode zu tun, um die von onClick aufgerufene Methode beim Laden der Seite zu erstellen. Wenn Sie darauf klicken, wird ein Div mit etwas Text angezeigt. Das ist alles gut und gut, außer ich kann nicht herausfinden, wie man den Text so einrichtet, dass dies beim Laden der Seite getan werden kann. Was ich möchte, ist so etwas wie:
<a href="..." class="showItLink" textToShow="This is the text to show">HI</a>
, so dass ich das tun kann:
$(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();
}
);
}
);
nun neben nicht xhtml valid (meh), das funktioniert nur im IE zu sein. Firefox sagt nur, dass es nicht existiert. (this.textToShow) Ich könnte etwas wie rel oder rev benutzen, aber das scheint genauso hackisch zu sein. Ich habe mich gefragt, ob es eine gültige Methode dafür gibt.
Lösung von Antwort unten
comment = $(".showItLink").attr("comment");
...
createdDiv = CreateDiv(comment, "postComment");
Gepaart mit:
<a href="http://www.theironical.com" class="showItLink" comment="hihihi" >HI</a>
Dies funktioniert und sieht aus wie der beste Weg, es zu tun. bedeutet immer noch, dass ich die XHTML-Gültigkeit brechen muss, aber ich bin mir nicht sicher, ob ich noch weinen werde ... –
Ich würde persönlich von XHTML wegziehen. Ich ging zurück zu HTML 4, bis HTML 5 herauskam. –
Es hat nichts mit XML zu tun, ein 'textToShow'-Attribut ist in Legacy-HTML genau so ungültig wie in XHTML. – bobince