[英]Pass parameter to function onclick jQuery
我正在尝试使用jquery从URL中删除参数。 实际上,参数必须动态传递,并且应该是单击时父元素的文本。 然后在添加前缀后,我需要将其传递给函数。
如下图所示,当某人单击“清除”链接时,它会从其标题中获取过滤器名称,即COLOR ,在添加一些前缀js_之后 ,然后将此js_color传递给函数。
到现在为止,我已经做了类似的事情,但是似乎没有用。 你能帮我一下吗。
谢谢
编辑:
如果我手动传递参数值,则可以正常工作。
工作 :removeParam(“ js_color”,url)
不起作用 :removeParam(param,url)
小提琴: https : //jsfiddle.net/jz1dyh9r/
函数未获取第一个参数的值。
// Append Clear Link to element
$('.woof_redraw_zone .woof_container_inner h4').each(function(){
$(this).append('<a class="clear_filters">Clear</a>');
});
// Extract parameter, pass it to function and generate new URL
$('.woof_redraw_zone .woof_container_inner h4').click(function(){
var url = window.location.href;
var prefix = ("pa_");
var key = $(this).clone().children().remove().end().text().toLowerCase();
var param = prefix + key;
var alteredURL = removeParam(param, url);
console.log( removeParam(param, url) );
// window.location.href = alteredURL;
});
//参考: 使用JavaScript删除URL的参数
function removeParam(key, sourceURL) {
var rtn = sourceURL.split("?")[0],
param,
params_arr = [],
queryString = (sourceURL.indexOf("?") !== -1) ? sourceURL.split("?")[1] : "";
if (queryString !== "") {
params_arr = queryString.split("&");
for (var i = params_arr.length - 1; i >= 0; i -= 1) {
param = params_arr[i].split("=")[0];
if (param === key) {
params_arr.splice(i, 1);
}
}
rtn = rtn + "?" + params_arr.join("&");
}
return rtn;
}
您比较的字符串可能有空格和换行符,请在对其进行比较之前在字符串上使用trim()
function removeParam(key, sourceURL) {
var rtn = sourceURL.split("?")[0],
param,
params_arr = [],
queryString = (sourceURL.indexOf("?") !== -1) ? sourceURL.split("?")[1] : "";
if (queryString !== "") {
params_arr = queryString.split("&");
for (var i = params_arr.length - 1; i >= 0; i -= 1) {
param = params_arr[i].split("=")[0];
if (param.trim() === key.trim()) { // compare trimmed strings
params_arr.splice(i, 1);
}
}
rtn = rtn + "?" + params_arr.join("&");
}
return rtn;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.