表のセルにカーソルを合わせると、コンテンツのすぐ隣に編集リンクが表示されます。そのセルの内容を取得したい。jQueryで可能ですか?
HTML ページは次のとおりです: https://gist.github.com/anonymous/4721230
JavaScript によって生成されるテーブルの一部。https://gist.github.com/anonymous/4721245
表のセルにカーソルを合わせると、コンテンツのすぐ隣に編集リンクが表示されます。そのセルの内容を取得したい。jQueryで可能ですか?
HTML ページは次のとおりです: https://gist.github.com/anonymous/4721230
JavaScript によって生成されるテーブルの一部。https://gist.github.com/anonymous/4721245
考えられる解決策は次のとおりです-ここにフィドル
jsコード
var table = $('#tblFollow');
table.dataTable({
sDom: "t",
aoColumns: [
null,
null,
{ bSortable: false }
]
});
table.on('click', 'a', function(e){
var followingCell = $(this).parents('td').prev();
var rowIndex = table.fnGetPosition( $(this).closest('tr')[0] );
var aData = table.fnGetData( rowIndex );
alert (aData[0] + " / " + aData[1]+ " / " + aData[2]);
return false;
});
htmlコード
<table id="tblFollow">
<thead>
<tr>
<th>id</th>
<th>name</th>
<th>link</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John</td>
<td><a href="#">Link</a></td>
</tr>
<tr>
<td>2</td>
<td>Bill</td>
<td><a href="#">Link</a></td>
</tr>
<tr>
<td>3</td>
<td>Anna</td>
<td><a href="#">Link</a></td>
</tr>
<tr>
<td>4</td>
<td>Dick</td>
<td><a href="#">Link</a></td>
</tr>
<tr>
<td>5</td>
<td>Jane</td>
<td><a href="#">Link</a></td>
</tr>
</tbody>
</table>
絶対。
<table id="this_is_the_one">
<tbody>
<tr>
<td>
content 1
</td>
<td>
content 2
</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
$('#this_is_the_one td').on('click', function() {
alert($(this).html());
//$(this) returns the <td> element being pressed
});
</script>
表のセルに書式設定コード (HTML) があり、それらを表示したくない場合は、HTML を取得してダイアログ ボックスに表示することもできます。 PHP スクリプト) に属性をプレーン コンテンツに追加し、$(elem).prop(prop-name) 関数を使用してそのプロパティの値を取得します。
あなたはそうすることができます:
$("#test td").on("mouseover",function(){
alert($(this).text())
})
ここにもjsFiddleがあります