Jquery遍历表并替换其内容
我有这个表,我必须使用Jquery遍历表并替换其内容,jquery,html-table,jquery-traversing,Jquery,Html Table,Jquery Traversing,我有这个表,我必须使用Jquery遍历: <table id="answer"> <thead> <tr class="grdheader"> <td><input type="checkbox" style="border:0px"id="a1chkAll"></td> <td>Free Text</td> <td>Weighting</td>
Jquery
遍历:
<table id="answer">
<thead>
<tr class="grdheader">
<td><input type="checkbox" style="border:0px"id="a1chkAll"></td>
<td>Free Text</td>
<td>Weighting</td>
</tr>
</thead>
<tbody>
<tr id="tdata">
<td><input type="checkbox" value="440" id="achk" checked="checked"></td>
<td>ABC</td>
<td>2</td>
</tr>
<tr id="tdata">
<td><input type="checkbox" value="440" id="achk" checked="checked"></td>
<td>PQR</td>
<td>4</td>
</tr>
<tr id="tdata">
<td><input type="checkbox" value="440" id="achk"></td>
<td>LMN</td>
<td>6</td>
</tr>
</tbody>
您可以使用jQuery和.child函数,也可以检查可能出现的类似问题,也可能会有所帮助 这里有一个解决方案,或者您可以在 $(函数(){
})) 要开始:id必须是唯一的,输入type=“textbox”不存在。@RafH不,这不是问题。我正在使用复选框更改事件,所以这不是问题。也许您可以像@RafH先前所说的那样,在代码段中重复这些表元素时,我会将您的id更改为这些表元素的类。但是tp replace
PQR
,ABC
至输入
框。。我用控制台更新了它。它工作正常Hii@sebastianinput
tag不到这里来
Array(
'<tr id="tdata">
<td><input type="checkbox" value="440" id="achk"></td>
<td><input type="textbox" value="ABC"></td>
<td><input type="textbox" value="2"></td>
</tr>',
'<tr id="tdata">
<td><input type="checkbox" value="440" id="achk"></td>
<td><input type="textbox" value="PQR"></td>
<td><input type="textbox" value="4"></td>
</tr>'
)
var pids = Array();
$('#answer tbody').find('input[type="checkbox"]:checked').closest('tr').map(function(){
var trindex = $(this).index();
var trhtml = $('#answer tbody tr')[trindex].outerHTML;
pids.push(trhtml);
});