remove

« Обратно к списку функций манипуляции с объектами DOM

[редактировать]

remove( [выражение] )

Удаляет все совпавшие элементы из DOM. Эта функция НЕ удаляет элементы из объекта jQuery, позволяя Вам воспользоваться ими позже. Обратите внимание, начиная с версии 1.2.2 эта функция также удаляет все обработчики событий и внутренние закешированные данные. Поэтому:

$(»#foo»).remove().appendTo(»#bar»);

следует заменить на

$("#foo").appendTo("#bar");

во избежание потери обработчиков событий.

Также можно использовать выражение для дополнительной фильтрации.

Аргументы:

выражение (необязательно) Строка
Выражение jQuery для фильтрации элементов предназначенных для удаления.
Примеры:

Удаляет все параграфы из DOM.

    $("button").click(function () {
      $("p").remove();
    });
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){

    $("button").click(function () {
      $("p").remove();
    });

  });
  </script>
  <style>p { background:yellow; margin:6px 0; }</style>

</head>
<body>
  <p>Hello</p>
  how are
  <p>you?</p>
  <button>Call remove() on paragraphs</button>

</body>
</html>
Удаляет все параграфы, содержащие слово «Hello» из DOM.

    $("button").click(function () {
      $("p").remove(":contains('Hello')");
    });
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){

    $("button").click(function () {
      $("p").remove(":contains('Hello')");
    });

  });
  </script>

  <style>p { background:yellow; margin:6px 0; }</style>
</head>
<body>
  <p class="hello">Hello</p>
  how are
  <p>you?</p>

  <button>Call remove(":contains('Hello')") on paragraphs</button>
</body>
</html>
Name Type