Javascript 如何使一个按钮对应于不同的单击div html jquery php？

你可以在下面看到我的代码。我面临一个挑战，我不知道如何使用一个按钮来对应不同的点击。在php上，如果我将按钮放在foreach循环中，它将创建很多按钮，这不是我想要的。在js中，如果我将on.click按钮放在foreach元素循环中，它也会创建很多on.click按钮，因此我单击一个按钮，它会运行很多次，具体取决于标签名称的数量。关于addClass，如果我单击heart div，我会使用js添加一个类，然后在按钮中获取attr（'id'）。on.（单击），这样我可以在我的服务器中区分它们，php和mysql可以请求相应的数据。但问题是，如果用户单击每个div，那么每个div都会添加类，然后问题再次出现

var当前页面=1；
变量元素\u正文={
“心”：“1”，
“眼睛”：“2”，
“耳鼻喉”：“3”，
“手足口”：“4”
};
每个（元素、主体、函数（标签名称、标签编号）{
var disease_label=$（“#”+label_name+“#d”）；
疾病标签上的（'click'，函数（）{
风险值数据={
操作：“body\u part\u关键字”//wordpress加载url
postSearchNonce:MyAjaxSearch.postSearchNonce，
当前页面：当前页面，
label\u name:label\u name//此label\u名称将区分需要从action.php中的mysql请求的数据
};
$.ajax({
url:MyAjaxSearch.ajaxurl，
键入：“POST”，
cache:false，
数据：数据，
成功：功能（数据）{
疾病\菜单\结果。追加（数据）；
当前页面++
}
})；//ajax
});
}); //jQuery.each
$（'loadmorebutton'u body'）。在（'click'，函数（）{
//我不知道如何使此按钮与上述代码对应
});

使用javascript函数：

function MyFunction() {
    jQuery.each( elements_body, function( label_name, label_num) {
        var disease_label= $('#'+ label_name + '_d'); 
        disease_label.on('click',function(){         
        var data={ 
                        action: 'body_part_keyword',//wordpress loading url
                    postSearchNonce : MyAjaxSearch.postSearchNonce,
                      current_page:current_page,
                     label_name:label_name//this label_name will differentiate data that need to request from mysql in the action.php 
               };
        $.ajax({
            url: MyAjaxSearch.ajaxurl,
            type:'POST',
            cache: false,
            data: data,
         success: function(data){

                          disease_menu_result.append(data);
                          current_page++

            }
                });//ajax
      });

      });
}
 $('#loadmorebutton_body').on('click',function(){
     MyFunction();
 }

它运行了很多次。