jQuery：獲取HTML作爲用戶輸入，更新它，並將更新後的HTML返回給用戶

Question

我試圖創建一個工具，它將更新用戶在textarea表單元素中提供的一些html。我希望用戶提供格式良好的html表格，其中的行可能有類來表示奇數行或偶數行。我想刪除任何現有的類並添加適當的奇數/偶數類。

表單元素：

<div id="rowform"> 
<p>Enter the table code you have here. Click submit to have the even/odd class attributes updated.</p> 
<form onsubmit="return updateRowClass()"> 
<textarea name="rowData" id="rowData" cols="100" rows="20"></textarea> 
<br><br><input type="submit" value="Submit table code"> 
<form> 
</div> 

下面是我在我的檢索和操縱本文試圖在那裏。這是不行的，但我希望有人會明白我要去爲：

function updateRowClass(){ 
var rowData = document.createElement("div"); 
rowData.innerHTML = ($("#rowData").val()); 
var trOdd = $("tr:odd" , rowData.innerHTML).removeClass().addClass("odd"); 
var trEven = $("tr:even" , rowData.innerHTML).removeClass().addClass("even"); 

return false; 
} 

我不能在我的研究發現是如何從形式的字符串創建一個DOM樹元素，然後操作構建的DOM樹，並將其返回給用戶。

Answer 1

從我可以告訴這是你找什麼：

rowData.innerHTML = ($("#rowData").val()); 

有了這一個

$('#rowform').append($("#rowData").val());