为jquery函数的按钮添加值

对于我的项目，我想添加一个按钮，该按钮在单击时更改，并使用post功能保存数据。按钮：

<button 
   class="btn btn-primary favorit-btn2" 
   type="button" > 

我曾考虑在按钮中添加onCLick=“myFunction（$idvalue）”，但这样就无法使用$（this）选择器

由于css的原因，我不想在每个按钮上都添加id=“$idvalue”，只为保存值而在按钮上添加id atribute感觉很奇怪。 我的问题是，我应该在哪里向按钮添加id值，以便在单击功能中使用它？

尝试以下操作：

您可以使用

jQuery

的

.data（）

函数来获取元素的数据属性值

<button 
   class="btn btn-primary favorit-btn2" 
   data-id="1" 
   type="button" >

$(function () {
    $(".favorit-btn2").click(function () {
        if ($(this).hasClass("favorit-btn2")) {
            $(this).removeClass('btn-primary').addClass('btn-success');
        } else {
            $(this).removeClass('btn-success').addClass('btn-primary');
        }

        // DO SOMETHING WITH THE ID 
        var id = $(this).data("id");
        alert(id);
    });
});

$（函数（）{
$（“.favorit-btn2”）。单击（函数（）{
if（$（this）.hasClass（“favorit-btn2”））{
$（this）.removeClass（'btn-primary'）.addClass（'btn-success'）；
}否则{
$（this）.removeClass（'btn-success'）.addClass（'btn-primary'）；
}
//用身份证做点什么
var id=$（this.data（“id”）；
警报（id）；
});
});

出于css原因，我不想将其添加为id。我不喜欢每个按钮都有唯一id的想法

<button 
   class="btn btn-primary favorit-btn2" 
   data-id="1" 
   type="button" >

$(function () {
    $(".favorit-btn2").click(function () {
        if ($(this).hasClass("favorit-btn2")) {
            $(this).removeClass('btn-primary').addClass('btn-success');
        } else {
            $(this).removeClass('btn-success').addClass('btn-primary');
        }

        // DO SOMETHING WITH THE ID 
        var id = $(this).data("id");
        alert(id);
    });
});