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

在用户搜索中运行查询后.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

由于目前没有要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 2

好吧，删除您的 ID，因为它必须是唯一的，并分配一个类。
试试这个代码

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

要通过单击您的 A 标签来防止重定向，请将以下行event.preventDefault();添加到您的点击功能中。

Answer 3

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