# dedecms如何用JS实现当前栏目的高亮

*Published:* 2023-10-23
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2023年10月23日，已超过 180天没有更新



1、文章调用代码添加 id="a\_\[field:id/\]" ，代码如下：

```
{dede:arclist row='10' titlelen='50' }
<li><a href="[field:arcurl/]" id="a_[field:id/]">[field:title/]</a></li>
{/dede:arclist}
```

2、添加隐藏的获取文章id的代码如下：

```
<input type="hidden" value="{dede:field.aid/}" id="aaid">
```

3、用JS判断当前文章ID标题，代码如下：

```
<script>
$(document).ready(function(){
var cid=$("#aaid").val();
$("#a_"+cid).attr("style","color:red");
})
</script>
```

备注：其实这种用js判断当前文章id的方式，也可以用来判断当前[栏目](https://www.xarjtc.com/tag/%e6%a0%8f%e7%9b%ae "查看栏目此标签更多文章")，获取当前栏目的ID标签是：{dede:type}\[field:id/\]{/dede:type}，对上面的代码调整后，就可以给当前栏目设置[高亮](https://www.xarjtc.com/tag/%e9%ab%98%e4%ba%ae "查看高亮此标签更多文章")背景。