jQuery在单击时向ID添加样式

我想在单击时为链接ID添加样式。我想知道如何获取元素的ID，但是添加样式不起作用。以下是我的示例代码：

   <a href="#" id="page_1" class="pagelink" >Page 1</a>
   <a href="#" id="page_2" class="pagelink" >Page 2</a>  

   $('a.pagelink').click(function() { 
       var id = $(this).attr('id');
       console.log(id);
       $('#id').css("background","yellow");
   });

---

您构造的查询不正确

最后一行应该是

 $('#'+id).css("background","yellow");

---

使用$this.cssbackground，黄色

$'a.pagelink'。单击函数{ var id=$this.attr'id'； console.logid； $this.cssbackground，黄色； };

---

您的目标是ID的ID，而不是ID变量中的值。改用这个：

$('#' + id).css("background","yellow");

但是，在这里获取ID有点多余，因为由于作用域的原因，您已经可以访问元素了。您可以改为使用：

$('a.pagelink').click(function() {
    $(this).css("background","yellow");
});

---

使用$+id.cssbackground，黄色；