を使用して、特定の行の値Iは、テーブル（idは=「docsTable」）を持っているを取得します。チェックボックスがチェックされている行については、最初の値と次の2つのテキストの値を取得します。その行は次のようになり唯一のjQuery
私はコレクションを構築する必要はありません。各反復の中でいくつかの要素を別の場所に変更したいと思います。それは難しい部分ではありません。これは、テーブルを反復処理し、チェックボックス付きのチェックボックスのみを選択する方法を理解しようとしています。
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script>
<script type="text/javascript">
$(function(){
$('#btnTest').click(function(){
$('#docsTable input[type="checkbox"]:checked').each(function(){
var $row = $(this).parents('tr');
alert($row.find('td:eq(0) input').val());
alert($row.find('td:eq(1)').html());
alert($row.find('td:eq(2)').html());
});
});
});
</script>
</head>
<body>
<table id="docsTable">
<tr bgcolor="#E7DDCC">
<td align="center"><input type="checkbox" name="docsToAddToClass[]" value="35" /></td>
<td>Document Title 1</td>
<td>Document Description.</td>
</tr>
<tr bgcolor="#E7DDCC">
<td align="center"><input type="checkbox" name="docsToAddToClass[]" value="36" /></td>
<td>Document Title 2</td>
<td>Document Description.</td>
</tr>
<tr bgcolor="#E7DDCC">
<td align="center"><input type="checkbox" name="docsToAddToClass[]" value="37" /></td>
<td>Document Title 3</td>
<td>Document Description.</td>
</tr>
</table>
<input type='button' id='btnTest' value='Get Rows' />
</body>
</html>
あなたはこの線に沿って何かを試すことができます。
$('tr > td:first-child > input:checked').each(function() {
// $(this).val() is the value of the input
// $(this).parent().siblings() will refer to the two <td>'s
// You can also try other traversal methods like $(this).parent().next()
});
が、これは動作し、お役に立てば幸い！
$('#docsTable > tr > td > input:checked').each(function(i,element){
var el = $(element);
alert(el.val());
alert(el.parent().siblings(':eq(0)').html());
alert(el.parent().siblings(':eq(1)').html());
});
ワウ！ 5分以内の実例そして私が探していたものを正確に！私はStackoverflowの長年の調査をしてきましたが、ここで質問を投稿するのは初めてです。あなたたち最高！ – marky
@eventide - うれしかった！返す最善の方法は、サイトを閲覧していくつかの質問に答えることです。コミュニティに貢献するだけでなく、得た評判や履歴書を履歴書の一部として使用することができます。とにかく...サイトへようこそ！ –