在點擊時獲取jQuery的href屬性

Question

我遇到了麻煩，嘗試了一切，但變量始終未定義= /

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#show").load("index.php");
        });
        $(document).on('click', ' a[href]', function (e) {
            var a_href = $(this).find('a').attr('href');
            alert ("Href is: "+a_href); //just for test
           $("#show").load(a_href);
           return false;
        }); 
    </script>
</head>
<body>
<a href="one.php">One</a>
<br>
<a href="two.php">two</a>

    <div id="show"></div>
    </body>
</html>

我實際上希望從#show div中獲取鏈接，並在不更改鏈接或重新加載頁面的情況下替換show div load，鏈接是在php中生成的，並且始終更改，這就是為什么我不能擁有靜態鏈接的原因。

Answer 1

您已經使用.on('click', ' a[href]',選擇了鏈接.on('click', ' a[href]',因此$(this).find('a')尋找的鏈接是您單擊的鏈接的后代，但沒有不存在。

更改：

$(this).find('a').attr('href')

至

$(this).attr('href') // jQuery

要么

this.href // plain JavaScript as noted by epascarello

Answer 2

我會用這個：

  .... your code
$('a').click(function (e) {
    var a_href = $(this).attr('href');
  .... your code

在點擊時獲取jQuery的href屬性

問題描述

2 個解決方案

解決方案1
2 2016-05-06 20:59:23

解決方案2
0 2016-05-06 21:01:18

在點擊時獲取jQuery的href屬性

問題描述

2 個解決方案

解決方案1 2 2016-05-06 20:59:23

解決方案2 0 2016-05-06 21:01:18

解決方案1
2 2016-05-06 20:59:23

解決方案2
0 2016-05-06 21:01:18