javascript - 如何使用 jQuery Mobile 向每个 URL 动态添加参数？

Question

我想向“选择类别”页面添加过滤。例如。 “仅显示带照片的结果”。该页面由多个 jQuery 页面组成，允许在 3 个级别内选择类别。在顶部，我想添加表单字段，该字段应在选择时更改页面内的 href URL。

例如:

是否可以更改每个 a href 标记的 URL，而不仅仅是其中一个？

Answer 1

所以是这样的吗？

这只是伪代码 - 尚未测试

本质上，我们使用a选择器来获取所有 anchor 。

然后我们调用 jquery 的 each 函数。

在函数中，我们读取链接 ($(this)) href 并将其设置为相同的 + 查询字符串。

这只是一个非常简短的示例。您可能需要进行各种检查。

$('a').each(function(){
  $(this).attr('href', $(this).attr('href') + '?my=qstring');
});

小更新

OP 想知道如何将其放入函数中以便随时调用。

类似于:

function updateUrls(){
  // you might want to target urls in a given div, so something like
  $('#myULOfUrls a').each(function(){
    $(this).attr('href', $(this).attr('href') + '?my=qstring');
  });
}

然后在表单更改中，您只需调用 updateUrls()