在點擊時將href值設置為javascript變量

Question

當用戶單擊特定類的鏈接時，我試圖將href值傳遞給變量。 這就是我現在所擁有的。

$(document).on('click',"a.show-notes",function{
    var $url = $(this).attr("href");
)};

但是，這對我不起作用，並且沒有值傳遞給該變量。 我也嘗試過這樣的事情，沒有運氣...

$("a.show-notes").on('click',function(){
    var $url = $(this).attr("href");
)};

我想這里有些明顯的東西我很想念，但是我一直盯着它看了很久，以至於我的頭腦被炸了。

Answer 1

確保在DOM加載並且那些元素存在之后設置這些鈎子。 將它們包裝在$（document）.ready函數中，如下所示：

$(document).ready(function() {
  $("a.show-notes").on('click',function(){
    var url = $(this).attr("href");
    console.log(url);
  });
});

Answer 2

您有一些語法錯誤：

$(document).on('click',"a.show-notes",function(){
    var $url = $(this).attr("href");         //^missing parenthesis
    alert($url);
});
//^bad closing

注意：$ variable名稱約定通常僅用於jquery元素，例如：

var $element = $("li");

Answer 3

嘗試

$('a.show-notes').click(function(){
    var $url = $(this).attr('href');
});

可以根據自己的喜好命名$url變量（ url ， myLink等），但僅在click()函數內部可見。 如果要在外部使用它， click()在click()函數之前創建變量，然后在內部進行設置。