javascript - 由 JQuery 动态添加后从 URL 获取变量值

Question

我在下面使用此代码

var delLink = $('#deleteItem').attr('href');

获取由(href)标识的链接的 URL #deleteItem。

当我使用 JQuery 将新变量添加到此 URL 时会出现问题，并且我想查看上面代码也显示的新动态添加的变量。

如何做到这一点，现在它只显示原始 URL 而没有任何新变量。

谢谢

Answer 1

delLink 包含查询的结果。它不是对 href 的引用。

// Assigns the value of href to delLink
var delLink = $('#deleteItem').attr('href');

// Changes the href value on the DOM element
$('#deleteItem').attr('href',delLink+','+allVals); 

delLink 不知道更新，要更新 delLink 你需要再次执行：

delLink = $('#deleteItem').attr('href');

你可以让它更容易一点的是缓存 jQuery 对象引用到 DOM 中的锚元素，并简单地继续从中访问 href 属性：

// Create a jQuery object reference to the anchor element in the DOM
var $delLink = $('#deleteItem');

// Changes the href value in on DOM element
var currentHref = $delLink.attr('href');
$('#deleteItem').attr('href', currentHref + ',' + allVals); 

// Results are available through your reference
$delLink.attr('href');