jQuery在点击时添加样式到ID

Question

我想点击时添加样式到链接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"); 
    }); 

Answer 1

您正在构造查询不正确。

最后一行应

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

Answer 2

使用$（本）的CSS（ “背景”， “黄”）;

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" id="page_1" class="pagelink" >Page 1</a> 
 
     <a href="#" id="page_2" class="pagelink" >Page 2</a>

Answer 3

你所定位的 “ID”，而不是在你的id变量保持的值的ID。使用这个来代替：

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

但是获取的ID这里是有点多余的，因为你已经有了访问，因为范围的元素。你可以使用：

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