如何使用jQuery Mobile动态地为每个URL添加参数?

时间:2016-03-18 18:08:35

标签: javascript jquery html user-interface jquery-mobile

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

例如为: enter image description here

是否可以更改每个href标签的URL而不仅仅是其中一个?

1 个答案:

答案 0 :(得分:0)

这样的事情?

这只是伪代码 - 没有测试过它

基本上,我们使用a选择器来获取所有锚点。

然后我们调用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()