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答案以解決您的問題； 回想一下，我只解釋了為什么會出現錯誤。