javascript - 不同的按钮，但 blockUI 上的相同 ajax 调用

Question

我有一个blockUI，我在其中通过一系列具有相同类但不同属性值（标签）的按钮调用另一个页面。但是，当我运行代码时，无论我单击什么按钮，都只会提交第一个按钮的值。我如何修改它以分别发送与不同按钮关联的数据？请帮忙

$('#submit').click(function() {
var action = $("#form1").attr('action');
var form_data = {
message: $("#message").val(),
data: $(".pageDemo1").attr("tab"),
is_ajax: 1
};

Answer 1

这是因为$(".pageDemo1").attr("tab")引用了所有按钮，并且当您为此设置数据时，它使用的是它找到的第一个按钮的值。

我不确定您页面的结构，但是对您想要的按钮使用更具体的选择器（或一组选择器）将是确保您获得正确值的最佳方式。

如果有问题的按钮是在这种情况下被点击的元素，您可以使用$(this).attr("tab"). 如果不是，您将不得不从任何元素中遍历 DOM $('#submit')。