Javascript jquery帮助w/for循环按钮

我的代码有问题。我正在使用spotify WEB Api为学校构建spotify应用程序。我的问题是，我有一个函数，它将使用for循环输出表中的数据，并创建带有单独ID的按钮，如=

<button value="5BJeN4SVEKe204y2SiszOe" id="btn_0">Lorem</button>
<button value="0xmaV6EtJ4M3ebZUPRnhyb" id="btn_1">Lorem</button>
<button value="0rSLgV8p5FzfnqlEk4GzxE" id="btn_2">Lorem</button>
<button value="0esxMkxlIDKbkWL8Vuj35V" id="btn_3">Lorem</button>

Lorem
洛勒姆
洛勒姆
洛勒姆

等等。每个按钮都有一个表示相册id的值。然后，我使用.toArray将这些按钮转换为一个数组，以便获得每个按钮所需的值。是否有可能使一个函数在我按下btn_0时得到btn_0的值，然后将其输出到控制台？然后该函数将为每个按钮执行此操作。我试过做一个，但它只输出每个值的数据，如下所示：

$(document).on('click', '.Abuttons', function(e) {
  var array = $("button").toArray();

for (var i=0; i < array.length; i++) {
$.ajax({url: "https://api.spotify.com/v1/albums/"+ array[i].value +"/tracks", success: function(result) {
        console.log(result);
    }});
  }
});

$（文档）.on（'click'，'Abuttons'，函数（e）{
变量数组=$（“按钮”）.toArray（）；
对于（var i=0；i

我知道我有这门课，但我试着在它之前做一个for循环，这样它会调用每个按钮，但它没有工作。希望你能理解，谢谢你的帮助

---

这是我第一次来这里，所以我无法对我的jquery代码进行格式化。

ajax成功是回调方法，但当您在一个循环之后使用for循环时，它不会等待第一个ajax回调触发！它用于第二个循环，依此类推

---

其中一个解决方案是首先声明一个用于计数的变量i，然后为ajax调用创建一个函数，在成功回调中，如果变量i小于for循环的数量，则在到达循环时再次调用该函数，对请求进行计数

ajax成功是一种回调方法，但是当您在一个循环之后使用for循环时，它不会等待第一个ajax回调触发！它用于第二个循环，依此类推 其中一个解决方案是首先声明一个用于计数的变量i，然后为ajax调用创建一个函数，在成功回调中，如果变量i小于for循环的数量，则在到达循环时再次调用该函数，对请求进行计数

您可以使用jQuery

$（this）

获取value属性的事件目标值：

$（'[id^=btn_]'）。在（'click'，函数（e）{
$.ajax({
url:“https://api.spotify.com/v1/albums/“+$（this.attr（“value”）+”/tracks”，
成功：功能（结果）{
控制台日志（结果）；
}
});
});

洛勒姆
洛勒姆
洛勒姆
Lorem
您可以使用jQuery
$（this）
获取value属性的事件目标值：


$（'[id^=btn_]'）。在（'click'，函数（e）{
$.ajax({
url:“https://api.spotify.com/v1/albums/“+$（this.attr（“value”）+”/tracks”，
成功：功能（结果）{
控制台日志（结果）；
}
});
});

洛勒姆
洛勒姆
洛勒姆
Lorem
如果我理解您的要求，您根本不需要构建阵列。相反，您可以在其自己的事件处理程序中读取单击按钮的
值。然后，您可以在通过AJAX调用的URL中包含该值以获取信息，如下所示：


$（文档）。在（'click'，'button'，函数（e）{
$.ajax({
url:“https://api.spotify.com/v1/albums/“+this.value+”/tracks”，
成功：功能（结果）{
控制台日志（结果）；
}
});
});

洛勒姆
洛勒姆
洛勒姆
Lorem
如果我理解您的要求，您根本不需要构建阵列。相反，您可以在其自己的事件处理程序中读取单击按钮的
值。然后，您可以在通过AJAX调用的URL中包含该值以获取信息，如下所示：


$（文档）。在（'click'，'button'，函数（e）{
$.ajax({
url:“https://api.spotify.com/v1/albums/“+this.value+”/tracks”，
成功：功能（结果）{
控制台日志（结果）；
}
});
});

洛勒姆
洛勒姆
洛勒姆
Lorem
您的按钮可能被包装在一个元素中。大概

<div class="my-buttoms">
  <button value="..."></button>
</div>


$（'.w'）。在（'click'，函数（e）上{
如果（e.target.tagName===‘按钮’）{
警报（如目标值）；
}
});

1.
2.
您的按钮可能被包装在一个元素中。大概

<div class="my-buttoms">
  <button value="..."></button>
</div>


$（'.w'）。在（'click'，函数（e）上{
如果（e.target.tagName===‘按钮’）{
警报（如目标值）；
}
});

1.
2.
所以，我觉得您可能把它复杂化了：


$（“按钮”）；在JQuery中，已经返回了它所针对的所有元素的数组

var arr = $("button");
// Actually Contains - [button, button, button, button]

$。每个按钮都会像for循环一样通过按钮进行过滤，但有不同的好处

$.each(arr, function(i, e) { // i = index, e = element
  console.log( $(e).val() );
  // or if you're more comfortable with it.
  console.log( $(this).val() );
});

另外，同时执行.success（）和.fail（），以查看您的ajax是否真的在运行。
因此，我觉得您可能过于复杂了：


$（“按钮”）；在JQuery中，已经返回了它所针对的所有元素的数组

var arr = $("button");
// Actually Contains - [button, button, button, button]

$。每个按钮都会像for循环一样通过按钮进行过滤，但有不同的好处

$.each(arr, function(i, e) { // i = index, e = element
  console.log( $(e).val() );
  // or if you're more comfortable with it.
  console.log( $(this).val() );
});

另外，请同时执行.success（）和.fail（），看看您的ajax是否真的在运行。
现在还不清楚您在寻找什么。制作一个函数来获取点击按钮的值并记录它相对简单：
$（'button'）.click（函数（）{console.log（this.value）；}）。我有点不清楚你想对循环做什么。最终，我相信你这里唯一的错误是对成功回调的错误调用。你在这里寻找的东西非常不清楚。制作一个函数来获取点击按钮的值并记录它相对简单：
$（'button'）.click（函数（）{console.log（this.value）；}）。我有点不清楚你想对循环做什么。最终，我相信你这里唯一的错误是对成功回调的错误调用。