jquery - 如何通过jquery在href文本中添加div

Question

我在使用http://validator.w3.org验证我的模板时遇到了一些问题，希望有人可以让我知道如何通过 jquery 解决这个问题。

<a href="/video/213123/"><img src="/media/videos/tmb/213123/1.jpg" title="Funny Videos" alt="Funny Videos" /><div class="Title_URL">Girls Funny Videos</div></a>

当我使用http://validator.w3.org验证我的 html 页面时，它说 div Title_URL 它不允许在那里......但我需要它，因为我的设计......它通过 jquery 制作它的任何方式，所以我不'不再有那个错误了吗？

Answer 1

<a href="/video/213123/" id="href1"><img src="/media/videos/tmb/213123/1.jpg" title="Funny Videos" alt="Funny Videos" id="img1"/></a>

$('#img1').html = "<div class='Title_URL'>Girls Funny Videos</div>";

这是你答案的小提琴

http://jsfiddle.net/mastermindw/ASJW2/

验证器将其显示为Passed

http://fiddle.jshell.net/mastermindw/ASJW2/show/

http://validator.w3.org/check?uri=http%3A%2F%2Ffiddle.jshell.net%2Fmastermindw%2FASJW2%2Fshow%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Answer 2

我建议您在输出页面时将其呈现为 a<span>而不是 a 。<div>这样它就会得到正确的验证。然后您可以使用以下代码使用 jQuery 替换它：

$( 'a span' ).each(function() {
    $( this ).replaceWith( $( '<div>' + this.innerHTML + '</div>' ) );
});