Jquery travesring table и замените его содержимое

Question

У меня есть эта таблица, и мне нужно пройти через 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> 

Получить Array как это для него соответствующий Checkbox проверяется.

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>' 
) 

Answer 1

Вы можете использовать JQuery .find и .child функции, вы можете также проверить возможный подобный вопрос here, также может помочь.

Answer 2

Вот решение или вы можете проверить здесь jsfiddle

$ (функция() {

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); 
}); 

});