jQuery-Ajax單擊href觸發器

Question

我有一個小問題。 我有一個輸入字段，有人可以在其中搜索特定值。 這是下面的代碼

$('#usersearch').keyup(function () { 
    var inputvalue = $('#usersearch').val();
    $('#usersearch').val(inputvalue);
    document.getElementById("popupwithuserssearch").style.display = "block"; 
    $.ajax({
        type: "GET",
        url: "usersearch.php",
        data: {
            input: inputvalue
        },
        success: function(msg) {
            $('#popupwithuserssearch').html(msg); 
        }
    });
})

在usersearch.php中運行查詢后，我回顯html以生成表：

$cell='1';
while (!$rs->EOF){
    echo '<tr>';
    echo '<td align="left" class="cell-'.$cell.'" bgcolor="#F0F0F0"><a href="#" style="color:black;" id="clicked">'.$rs->fields('name').'</a></td><br>';
    $cell = $cell+1;
    $rs->movenext();
    echo ' </tr>';
} ';

現在我正在嘗試獲取值，如果單擊了href，我已經嘗試過了：

$("#clicked").click(function () {
    var value = $(".testClick").attr("href");
    alert(value );
});

我可能正在尋找可以有人幫我的忙

謝謝！

Answer 1

好吧，刪除您的ID，因為它必須是唯一的，然后分配一個類。
試試這個代碼

$(".clicked").click(function () {
   var value = $(this).attr("href");
   alert(value);
});

為了防止通過單擊A標記進行重定向，請添加以下代碼行event.preventDefault(); 單擊功能。

Answer 2

由於目前沒有顯示href值，因此我正在顯示ID

 // Add content dynamically $(document).ready(function(){ var content = '<table>'; for(var i = 0 ; i < 10 ; i++){ content += '<tr><td align="left" class="cell-'+i+'" bgcolor="#F0F0F0"><a href="#" style="color:black;" class="clicked" id="clicked_'+i+'">'+i+'</a></td></tr>' } content += '</table>'; $('#add-dynamic-content').append(content) }); // Click event $(document).on('click','.clicked', function(){ alert($(this).attr('id')); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id='add-dynamic-content'></div> 

Answer 3

$(document).on('click', '#clicked', function () {
    var value = $(".testClick").attr("href");
    alert(value );
});