javascript - jquery 切换不起作用

Question

我的 Jscript/Jquery 无法工作。我可以发出警报，但无法切换我的 div。有人可以向我解释一下为什么吗？我的代码如下。如果重要的话我正在使用 JSP。

我的 JavaScript

$(window).ready(function(){
    $(".moreButtonClass").click(function(e){
        var id = this.id;
        var cleanid = id.replace(/[^\d]/g, "");
        var dog = "post" + cleanid;
        alert(dog);
        $(dog).toggle();
    });
});

我的 HTML

<div id="content">
    <h1>Site Update Log:</h1>
<% for(int i = 0; i<2; i++){ %>
    <div class="blogPost" id="postGroup<%= i %>">
        <div>The ID is :<%out.print(indexModel.miniBlogConnector.GetID(i));%></div>
        <div>The DATE is :<%out.print(indexModel.miniBlogConnector.GetDate(i));%></div>
        <div>The AUTHOR is :<%out.print(indexModel.miniBlogConnector.GetAuthor(i));%></div>
        <div>The MINIPOST is :<%out.print(indexModel.miniBlogConnector.GetShortPost(i));%></div>
        <div class="MainPost" id="post<%=i%>">The POST is :<%out.print(indexModel.miniBlogConnector.GetPost(i));%></div>
        <button type="button" class="moreButtonClass" id="moreButton<%=i%>">more</button>
    </div>
<% } %>
</div> <!-- end #content -->

我的CSS

.MainPost {
    display:none;
}

任何人都可以向我解释一下为什么我可以提醒狗并获得正确的变量名称。但是当我尝试切换它时；它不起作用。什么都没发生。没有错误；没有变化。它绝对没有任何作用。我什至尝试使用 console.log 但无法让它使用react。该按钮起作用是因为警报起作用；但切换功能不起作用。

谁能告诉我如何解决这个问题吗？

Answer 1

这里 dog 只是一个变量，而不是 DOM 节点。

你需要做:

$("#"+dog).toggle(); //assuming it is an id. if class, use . instead of  #