Question

希望这是有道理的。我有一个页面，用户可以在其中创建一个div框。该用户最多可以创建三个div框。附加到每个框的是一个删除按钮，如果按下该按钮，则会将该特定框显示为无。当他们重新加载页面时，屏幕再次为空，他们可以再次创建div框而没有错误。现在让我们假设用户创建了三个div框，然后使用删除按钮删除所有三个div框。现在具有空屏幕的用户决定再创建一个div框。他这样做了，现在有两个两个具有相同id的div框，因为同一个div框已经创建了一次，现在没有显示。

因为有两个重复的div框，所以当同一页面上有多个id时，jQuery事件很难触发。我的问题是，当我按下删除按钮以完全删除已删除的div框的代码时，我可以用display none替换什么？下面的代码是我的意思，有重复div盒的例子，它是从firebug抓取的。（我故意从下面代码中的每个div框中取出删除按钮以简化问题。所有需要知道的是它在旧的div框和新的div框之间重复）。这需要使用jQuery，Javascript或PHP。

//this section was colored in a lighter opacity in Firebug

<div id="post_3" class="ui-widget-content" style="position: absolute; left: 523px; top: 

341.1px; z-index: 990; display: none;"></div>

<div id="post_2" class="ui-widget-content" style="position: absolute; left: 254px; top: 

196.1px; z-index: 990; display: none;"></div>

<div id="post_1" class="ui-widget-content" style="position: absolute; left: 2px; top: 

343.1px; z-index: 990; display: none;"></div>

//end of section

//this is the most recent div box created. It clashes with the first div box.

<div id="post_3" class="ui-widget-content" style="position: absolute; left: 0px; top: 

343.1px; z-index: 990;"></div>

//end of most recent div box code

Answer 1

是的，函数.remove()会对你有所帮助！

Answer 2

如果您想从屏幕上实际删除该项目，只需调用jQuery .remove()函数即可。

示例 - $("#element").remove();

完成后，您将能够“回收”元素的ID，而不会造成问题。

参考 -

remove()

Answer 3

如果要在单击按钮时删除div，可以删除它们，而不是使用jQuery的remove()设置显示值。

每个方框都附有一个删除按钮，如果按下则会将其转为特定框显示为无

在按钮内单击，改为$("specificDiv").remove()。

Answer 4

嗯...我在任何地方都没有看到任何删除按钮，所以我不能非常具体，但你可能想要使用的是$(selector).remove();

从源代码中删除代码替换显示无

4 个答案: