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标题_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

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

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

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

2 个答案: