Я хочу использовать jquery для создания HTML следующим образом:
<li><a href="#"><span class="play"></span><span class="trackName">Track Name</span></a></li>
Это кажется простым, но я не могу понять как включить HTML-теги как часть моего якорного текста.
Если я использую что-то вроде:
$("<a />", { text: $('<SPAN class="play" />') + "Track Name" })
, теги span экранируются.
var link = $("<a>");
link.attr("href","http://www.google.com");
link.attr("title","Google.com");
link.text("Google");
link.addClass("link");
//overwrites the innerHTML of all anchors *selector must be changed to more specific
$('a').html('<span class="play"></span><span class="trackName">Track Name</span>');
//wraps existing text and prepends the new span
$('a').wrapInner('<span class="trackName">')
.prepend('<span class="play"></span>');