无法使用elementor中的javascript使按钮旋转其父列

我正在尝试向elementor插入JS代码，以便在单击按钮时使列旋转 创建此代码：

<script type=”text/javascript”>
$('.blog_click').click(function(){
    if($(this).hasClass('active')){
document.getElementById(".column_rotate").style.transform = "rotate(90deg)";}
} else {
        $(this).addClass('active')
}
</script>

$（'.blog_click'）。单击（函数（）{
if（$（this）.hasClass（'active'））{
document.getElementById（“.column_rotate”）.style.transform=“rotate（90deg）”；}
}否则{
$（this.addClass（'active'））
}

但由于某种原因，它不起作用。。。

---

有人知道吗？

document.getElementById（“.column\u rotate”）

我想

.column\u rotate

不是有效的ID。请给我们看HTML工作代码段。这是elementor的内部，所以它是唯一要写的东西。我尝试将ID更改为“ccrr”column\u rotate不是一个ID，而是一个类名。类名以句点

开头，ID以散列

@hungerstar开头。你是对的，但即使在更正了它之后，它也不起作用