0

製品のリストである表形式のデータがあります。

id | name | description | options
1  | foo  | bar         | [delete]

通常、削除ボタンに .delete-item のようなクラスを設定して実行します

$('.delete-item').click(function(e) {
     e.preventDefault();
     // do something/ajax etc
});

これで、説明のインライン編集などの他の機能を追加します。これで、delete のような別の関数をバインドできますが、後で合計の自動計算で製品の価格と数量を追加する可能性があるため、これを行うためのより jquery の方法があるかどうか疑問に思っています。かなり複雑になる可能性があります。

多分プラグイン、またはある種のオブジェクトですか?

$('table').productEditor();

それは理にかなっていますか?この種のことについてもっと読みに行くものはありますか?

4

2 に答える 2

0

あなたができる:

編集:動的に追加された行の場合.on()、委任された形式で使用します:

$("#myTable").on("click", "td", function (event) {
    var thisID = $(this).siblings("td").eq(0).text(); // get ID of clicked row
    switch (event.target.className) {
        case "delete":
            //delete              
            alert("delete this ID = " + thisID);
            break;
        case "edit":
            // edit
            alert("edit this ID = " + thisID);
            break;
        default:
            return false;
    }
}); // on click

クリック可能な各クラスにクラスを追加する必要がありますtd

行を追加する方法を含むNEW JSFIDDLEを参照してください。

.on()jQuery v1.7+が必要です

于 2013-09-05T01:18:29.777 に答える