jQuery在单击时为ID添加样式

时间:2017-04-25 14:04:46

标签: jquery css

我想在点击时为链接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");
   });

3 个答案:

答案 0 :(得分:5)

您正在错误地构建查询。

最后一行应为

os.rename(os.path.join(path,File), os.path.join(path, File+SV))
TypeError: must be str, not int

答案 1 :(得分:1)

使用$(this).css(“background”,“yellow”);

$('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>

答案 2 :(得分:1)

您定位的是&#34; id&#34;的ID,而不是id变量中的值。请改用:

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

但是,在此处获取ID有点多余,因为您已经可以访问该元素,因为范围。你可以改用:

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