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');

少し簡単にするためにできることは、DOM のアンカー要素への jQuery オブジェクト参照をキャッシュし、そこから 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');