jquery - 按id删除元素

时间:2014-08-18 21:17:30

标签: javascript jquery

我有一个问题,我正在尝试解决,目前这样做的方法要求我删除元素。

<div id="toremove">
...some javascript here....
</div>

所以我有一个功能可以做一些不错的事情,然后当它完成时我想删除“toremove”,我已经查看了jQuery文档,类似的帖子整个互联网,但似乎没有任何作用。< / p>

这就是我正在做的事情和尝试过(试错......)

$("#toremove") = $()
$("#toremove").empty();
$("#toremove").remove();

似乎没有什么对我有用,任何帮助都表示赞赏。

6 个答案:

答案 0 :(得分:5)

$('#toremove').remove();应该做你需要的。您确定代码中的其他地方没有问题吗?

Example

答案 1 :(得分:0)

$("#id").remove();应该有用。

Demo

您的代码可能遇到的问题:

也许你没有在你的代码周围使用$(function() { });告诉jquery等到所有html元素都被加载。 ($(document).ready(function() { }))的简称;

答案 2 :(得分:0)

尝试一下:

<div id="toremove">
    ...some javascript here....
</div>

对应的jQuery:

$("#toremove").click(function() {
    $("#toremove").remove();
});

工作演示:http://jsfiddle.net/86z93dzk/(注意JS已加载onDomready

因此,在您的情况下,您可以将jQuery代码放在任何位置并使用$(document).ready包装它:

$(document).ready(function() {
    $("#toremove").click(function() {
        $("#toremove").remove();
    });
 });

答案 3 :(得分:0)

也许你在div甚至没有创建时删除它。

做这样的事情:

$(function(){
    $("#id").remove();
});

这将确保dom准备就绪。

另请注意,您的ID为unique

答案 4 :(得分:0)

您可以采取其他方法来解决此问题,我将向您显示我所知的信息。(请选择喜欢的人)

#include <WiFiNINA.h>  
#include <FirebaseArduino.h>

#define WIFI_SSID "SSID"      
#define WIFI_PASSWORD "PWD"          
#define FIREBASE_HOST "****"  
#define FIREBASE_AUTH "****" 

void setup() {

 //conect wifi
  WiFi.begin(WIFI_SSID, WIFI_PASSWORD);

  while (WiFi.status() != WL_CONNECTED)  
  {
  Serial.print(".");
  }

  Serial.println("");
  Serial.println("WiFi connected");

  Firebase.begin(FIREBASE_HOST, FAREBASE_AUTH);  

}

String firebaseGet(String s)
{
  String x = Firebase.getString(s);
  yield();
  delay(100);
  return x;
  delay(100);
}

void loop() {
  String firebaseStatus = firebaseGet("****");
  if (firebaseStatus == "ON") 
  {
  //code to happen if the status is ON

  }
  else if (firebaseResult == "OFF") 
  {
  //code to happen if the status is OFF
  }
}

答案 5 :(得分:0)

使用CSS:这要简单得多,甚至可以用于动态元素(JSP等)。一件坏事:页面源中仍然存在未显示的元素。

<style>
 #toremove {
  display: none;
 }
</style>