使用jQuery .append当创建有效的XHTML（） [英] Creating valid XHTML when using jQuery .append()

问题描述

在这里的例子： http://api.jquery.com/append/ 他们表现被用作论据直HTML：

  $（'内。）追加。（'＆LT; P＆GT;测试与LT; / P＆GT;'）;
 

但在W3的验证会反​​对这个像这样

  96号线，76列：文档类型不允许元素P在这里
... ATA）.append（＆LT; p =类PAG
 

我应该如何做到这一点得到有效的XHTML？

编辑 - 下面是什么是PHP写的一个例子：

  $（'＃cita​​tions_18401-01）HTML（数据）.append（＆LT; p类='paginated_link'＆GT;＆LT; B＆GT;总页数：LT; / b＆GT;＆安培; NBSP;＆LT; b类='paginated_link'＆GT; 1 LT; / b＆GT;＆安培; NBSP;＆LT;一类='paginated_link href='property_info.php?lot=18401-01&quote_set=1&limit=30&tab=3'>2</a>&nbsp;</p><p>&nbsp;</p>\");
 

解决方案

您必须包装内联的jQuery与XHTML特殊标签。请参见这篇文章。

In the examples here: http://api.jquery.com/append/ they show straight HTML being used as an argument:

$('.inner').append('<p>Test</p>');

But the validator at W3 will object to this like so

Line 96, column 76: document type does not allow element "p" here
…ata).append("<p class='pag

How should I do this to get valid XHTML?

EDIT - Here is an example of what is written by PHP:

$('#citations_18401-01').html(data).append("<p class='paginated_link'><b>Result Pages:</b>&nbsp;<b class='paginated_link'>1</b>&nbsp;<a class='paginated_link' href='property_info.php?lot=18401-01&quote_set=1&limit=30&tab=3'>2</a>&nbsp;</p><p>&nbsp;</p>"); 

解决方案

You have to wrap your inline jQuery with special tags for XHTML. See this article.

这篇关于使用jQuery .append当创建有效的XHTML（）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！