Wie ein Bild in eine HTML durch JQuery einfügen?

StackOverflow https://stackoverflow.com/questions/618851

  •  03-07-2019
  •  | 
  •  

Frage

Hier ist die Situation. Ich habe eine Standardverbindung wie so bekam: 

<h2><a href="#">Link Title</a></h2>

Nun möchte ich einen Hintergrund einzufügen, um es wie ein Knopf aussehen zu lassen, so dass ich hinzufügen, eine Spannweite mit JQuery etwa so: 

$(document).ready(function()
{
      $(".post a").wrapInner("<span></span>");
});

(Der HTML-Code für den Link finden Sie hier, http://flickrental.co.uk/ - By the way, ist dies nicht der Ort, nur der Code für den Link)

Jetzt kann ich den Link in einem schöneren „Knopf“ verwandeln, und ich bin ziemlich glücklich ... Aber ich hatte einen anderen Gedanken, was, wenn ich einen kleinen Pfeil Bild innerhalb des Link hinzufügen könnte (Auf der rechten Seite des Textes) (Diese Seite ist eine Partner-Website und die Taste sollte die CTR sowie den Pfeil Bild vergrößern)

Aber ich kann nicht scheinen, um die richtige Syntax zu finden, dies zu tun.

Irgendwelche Ideen?

War es hilfreich?

Lösung

Sie sollten wahrscheinlich auf den Pfeil mit CSS hinzufügen. Bei einem 10 Pixel breiten Pfeil: 

.post a {
    padding-right: 10px;
    background: url(arrow.png) no-repeat right 50%;
}

Aber wenn Sie schon das Hintergrundbild für etwas anderes verwenden, können Sie das Bild mit jquery hinzufügen: 

$("<img src='arrow.png'/>").prependTo(".post a");

ich aus Ihrer Frage gehe davon aus, dass Sie die HTML ändern direkt keinen Zugriff haben. Sonst würde, dass wahrscheinlich die beste Lösung sein.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top