私はテーブルを持っています。PHP経由でMySQLからのデータを表示します
jquery を使用して、ユーザーから動的にデータを取得しています。
ユーザーがセルをクリックすると: 1. セル テキストに「なし」と表示される 2. セルのチェック ボックスがオンになっている
3. ユーザー入力用に表示される入力テキスト フィールド
ユーザーがセルをクリックして (たとえば、別のセルへ) クリックしたとき: 1. チェック ボックス自体のチェックを外す 2. 入力テキスト フィールドを非表示にする 3. セル テキストを再表示する
3.再表示するセルテキストを除いて、すべて機能しています。ユーザーが別のセルをクリックしたときに表示されるセルの元のテキストが必要です
$('#table9 tr td').click(function(){
var $this = $(this);
//checks checkbox of cell by default
$this.children('input').prop('checked', true);
//makes sure that checkboxes in other cells are not checked
$this.siblings().children('input').prop('checked', false);
$this.parent('tr').siblings().children('td').children('input').prop('checked', false);
//hides current text in cell if cell is clicked
$('span' , this).css('display','none');
//displays a text field for input
$this.children('.hiddenjqside').css('display' , 'inline');
//hides input text field if user should click on another cell
$this.siblings().children('.hiddenjqside').css('display' , 'none');
$this.parent('tr').siblings().children('td').children('.hiddenjqside').css('display', 'none');
//display the text of the current cell when user click another cell
$('span' , this).siblings().css('display' , 'inline'); <---------NOT WORKING!!!!!!!!!!!!!!