javascript - Jquery，返回id

Question

我有多个按钮元素分配了以下 id = 'saveXX' 和对应的段落元素分配了 id = 'contentXX'，段落元素的 contentEditable 属性设置为 true。

以下工作并更新数据库:

$(document).ready(function(argument) {
    $('#save81').click(function(){
        $edit = $('#content81').html();
        $cid = '81';
        $.ajax({
            url: 'include/editupdate.php',
            type: 'post',
            data: {data: $edit,cid: $cid},
            datatype: 'html',
            success: function(rsp){
                alert(rsp);
            }
        });
    });
});

我无法破解的问题 - 如何为任何 id='saveXX' 按钮和对应的 id='contentXX' 段落元素运行上述代码？ XX与数据库记录相关。

非常感谢，炖

Answer 1

您可以在所有按钮上使用一个公共(public)类，并从元素中提取数字 id:

HTML:

<button id="save81" class="save">Save 81</button>
<button id="save82" class="save">Save 82</button>

Javascript:

$(document).ready(function (argument) {
    $('.save').click(function () {

        id = $(this).attr('id').replace('save','');

        $edit = $('#content' + id).html();
        $cid = id;
        $.ajax({
            url: 'include/editupdate.php',
            type: 'post',
            data: {
                data: $edit,
                cid: $cid
            },
            datatype: 'html',
            success: function (rsp) {
                alert(rsp);
            }
        });
    });
});