Question

这是我的代码：

<html>
    <body>
    <button class="myclass" data-card-id="1">Save</button>
    </body>
</html>

我的问题是，当用户点击任何“myclass”按钮时，如何在php文件中提交具有特定卡的data-card-id的变量，这看起来像是一个函数。
谢谢！：）

Answer 1

这是使用Jquery：

$(".myclass").click(function(){
     $(this).attr( "data-card-id" );
});

Answer 2

JSFIDDLE - http://jsfiddle.net/q5j8z/11/

请参阅浏览器控制台以查看数据

// change the selector "ul li a" to your button
$('ul li a').click(function (e) {
    e.preventDefault();
    var value = $(this).data('value');
    $('.button').data('value', value);
    console.log($('.button').data('value'));
});

$('.button').click(function (e) {
    e.preventDefault();
    console.log($(this).data('value'));
});

Answer 3

这可以通过额外的选择功能来实现。我相信＆＃34; data-card-id＆＃34;是你的html标签的一个属性，所以你有两个选择。

使用选择器将点击绑定到元素或将其委托给文档的正文，我想你会看到这两种方式是如何工作的。

选项1.这里的优势在于，当点击事件冒泡到正文时，即使在执行此代码后将其他按钮添加到页面，这也会检查并正确执行。这是jquery的点击委派功能

$('body').on('click', 'button[data-card-id="1"]', function(){
   //perform your action
});

选项2.这将click事件绑定到对象本身。这可以更直接，并且具有简单的优点。

$('button[data-card-id="1"]').click(function(){
  // perform some action
});

当然，你有很多其他的接受......

或

$('button').each(function(){
  if($(this).attr("data-card-id") == '1'){
    $(this).click(function(){ 
      //some action
    });
  }
});

还有其他方法。如果这些似乎都不起作用，请告诉我。

Answer 4

JS FIDDLE DEMO

最简单的方法是使用此代码 - ＆gt; 只需将此card-id更改为此cardid

即可

<强> HTML

 <button class="myclass" data-cardid="1">Save</button>
 <button class="myclass" data-cardid="2">Save</button>

<强> JS

$(document).ready(function(){
   $(".myclass").on('click',function(){
    var cid = $(this).data("cardid");   
    alert(cid);
});
});

使用函数获取自定义css属性

4 个答案: