javascript - 需要将 var 设置为链接

Question

我有一个正在创建链接的循环，但引导模式阻止我从顶部循环正确使用 PHP 变量(是的循环中的循环)。所以我决定使用 jQuery 并在单击按钮时从按钮获取 id，这很好，但是如何将其附加到链接中而不附加整个链接，因为我再次使用了另一个 ID 变量这个链接？在 $value->getId() 中，我需要附加来自 jQuery 的值。

foreach ($exploredArtistBands as $band) {
    echo '<a href="/notification/invite/' . $value->getId() . '/' . $band['band_id'] . '">Join to ' . $band['name'] . '</a><br />';
}

$('.invite').click(function(){
    $(this).attr('button-id')
});

Answer 1

您可以在点击事件中修改链接的 URL。您只需将网址转换为易于解析的内容即可。类似于以下内容；

foreach ($exploredArtistBands as $band) {
    echo '<a href="/notification/invite/{id}/' . $band['band_id'] . '">Join to ' . $band['name'] . '</a><br />';
}

所以你最终会得到一个像这样的链接:

href="/notification/invite/{id}/band_id"

现在，在您的点击处理程序中，将 {id} 替换为按钮的 ID。

$('.invite').click(function(){
    var id = $(this).attr('button-id');
    var url = $(this).attr("href");
    $(this).attr("href", url.replace('{id}', id));
});

点击事件将继续冒泡，但会使用新的 URL。这最终会将您的浏览器引导至正确的位置。这种方法对我来说有点奇怪，但它确实有效。