W3C将javascript中的html标记显示为错误

Question

W3C验证程序中出现错误。 我使用查询附加了html语句。 但是，我在W3C中收到此错误：

属性“ id”的值中不允许使用字符“'”

 $('<tr id="condition' + num + '" class="clonedInput" ><td class="first-colu… 

您可能违反了此属性的命名约定。 例如，id和name属性必须以字母开头，而不是数字开头。

我的代码如下

    $('<tr id="condition' + num + '" class="clonedInput" ><td class="first-column">&nbsp;</td>
<td><span style="float:left; padding-right: 10px;"><select id="conCol' + num + '" 
name="conCol' + num + '" class="standard_select" style="width:147px; background:#fff;">
<option>Telephone Number</option><option>Mobile Number</option><option>Fax Number</option>
<option>iPhone Number</option><option>BB Messenger Id</option><option>Skype Name</option>
<option>Google Talk Id</option><option>MSN Messenger Id</option></select></td>
</tr>').appendTo('#addContact');

Answer 1

将您的javascript代码放置在外部文件中（而不是内联代码或head脚本块中），或将其包含在CDATA块中：

<script type="text/javascript">
<![CDATA[
function addRow()
{
    //do stuff
    $('<tr id="condition' + num + '" class="clonedInput" ><td class="first-colu…
}
]]>
</script>

Answer 2

W3C验证器仅用于验证您的最终X / HTML标记。 您似乎正在将源代码粘贴到包含JavaScript语句的验证器中。

验证失败，因为它不执行JavaScript的，它只是假设你的整个文档的标记，看到一个tr元素与id的condition' + num + ' ，这确实是一个错误，如果它是直的HTML。

编辑

我将参考@BobDavies答案以解决您的问题； 回想一下，我只解释了为什么会出现错误。