jQuery-如果已单击具有特定ID（通配符）的元素，请执行此操作

Question

我尝试将具有相似功能的少数功能合并为一个。 我想根据单击哪个按钮来分开此功能。

 $(document).on('click', '[id^=pack-payreq-toggle-], [id^=test-payreq-toggle-]', function(e) {
      e.preventDefault();

      if($("[id^='pack-payreq-toggle-]").length > 0) { console.log('Pack Pay Req'); }
      if($("[id^='test-payreq-toggle-]").length > 0) { console.log('Test Pay Req'); }
});

我可以使用"has class"管理结果，但是我想学习如何基于id名称识别按下哪个元素。 预先感谢您的建议。

Answer 1

您可以在click函数中使用$(this).attr('id') ，以便可以使用以下方法检查该值的一部分以在id包含pack或test字符串：

var idVal = $(this).attr('id');
if(idVal.indexOf('pack') !== -1){
  console.log('Pack Pay Req'); 
}
if(idVal.indexOf('test') !== -1){
  console.log('Test Pay Req'); 
}

这是因为如果字符串中存在值test或pack ，则它将具有从0到idVal.length-1索引。 因此，通过检查索引不等于（或大于） -1可以知道id存在值