1

現在、jQueryを使用して別の値の行に応じて、ある行の値を更新しようとしています。

例えば：

Room Allocation = Pendingの場合、[ Edit] ボタンと [Cancel] ボタンが [Actions] の下に表示されます。 [If Room Allocation != Pending]の場合、[Edit] ボタンと [Decline] ボタンが [Actions] の下に表示されます

どうすればこれを行うことができますか？

ここに私が含めたフィドルがあります：http://jsfiddle.net/S9Gwy/

これまでの私のコードは次のとおりです。

    $('.results_tbl').dataTable({
        "bPaginate": true,
            "bLengthChange": false,
            "bFilter": true,
            "bSort": true,
            "bInfo": false,
            "bAutoWidth": true
    });

        /*====================================

        determining whether cancel or decline
        button is going to appear depending on
        room allocation status

        =====================================*/

    // find all the booking rows

    var bookingRows = $('table tr.booking');

    // stash a reference to the row

    bookingRows.each(function () {
        var row = $(this);

        // if you can add a class of 'pending' to the status <td>, this becomes even cleaner and nicer...

        // check the contents of the status column

        if (row.find('td.status').text().toLowerCase() == 'pending') {

            // add a class to the row so the CSS can do its thing...

            row.addClass('pending');
        }
    });
4

1 に答える 1

1

最初の (行レベルの) 解決策は次のようになります。

tr.booking .cancelall {
    display: none;
}

tr.booking.pending .cancelall {
    display: inline-block;
}

tr.booking.pending .declineall {
    display: none;
}
于 2013-03-17T19:34:06.413 に答える