Question

我是JQUERY的新手我最近写了一小段代码，其中我有一个问题我在页面中有两个具有相同id的锚点但是albid（自定义属性）值不同。但在这种情况下，jquery函数只能在第一个锚点上工作而不在第二个锚点上。这是代码

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#test").click(function(){
    $("#div1").load("test.php?"+$("#test").attr("albid"));
});
}); 
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<a albid="12" id="test"/>hasnain</a>
<a albid="2" id="test" />naanan</a>
<button>Get External Content</button>

</body>
</html>

我该如何解决这个问题谢谢你

Answer 1

来自jQuery API Documentation：

ID选择器

描述：选择具有给定id属性的单个元素。

如果您想选择多个元素，可以给它们全部相同class="test"，然后使用：

$(".test").click(function(){
  $("#div1").load("test.php?" + $(this).attr("albid"));
});

请注意在函数中使用$(this)。

JQUERY Selector无法处理具有相同名称的多个ID

1 个答案: