Как удалить элемент DOM из объекта JQuery - PullRequest
Новая
       4

Как удалить элемент DOM из объекта JQuery

9 голосов
/ 14 июля 2011

Я хочу удалить определенный класс из моего объекта, так как мое требование состоит в том, чтобы удалить эти данные DOM перед отображением контента. Я написал пример кода, но не смог понять, почему это не работает. Я JQuery удалить также не работает. Пожалуйста, помогите мне решить это. Заранее спасибо 

<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery-1.5.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {

    // complete html
    var test;
    test = $('#issue_detail_first_row').html();

    var x = $(test).find('#issue_detail_nav').not('.p1');

    $('#sett').html(x);
 });

</script>
 </head>
 <body>
 <div id="issueDetailContainer">
        <div  id="issue_detail_first_row">
            <div>
                <div id="issue_detail_nav">
                    <div>test</div>
                    <div id="gett">
                        <div class="p1">
                            this content need to be deleted 1
                        </div>
                    </div>

                    <div class="p1">
                        this content need to be deleted 2
                    </div>

                </div>
            </div>                
        </div>
        <br/><br/><br/><br/>
<div id="sett">
</div>

Ответы [ 3 ]

15 голосов
/ 14 июля 2011

Вам необходимо удалить контент из DOM напрямую.

$("#issue_detail_first_row .p1").remove();

Выбирает элементы .p1 и удаляет их из DOM

9 голосов
/ 15 июля 2011

Вы можете использовать функцию удаления на объекте JavaScript.

Если вы хотите предварительно обработать его перед отображением.

пример 

var a =$("#issue_detail_first_row").html();
var jhtml =$(a)[0];   
$(jhtml).find('.p1').remove();
alert($(jhtml).html());

теперь используйте jhtml.демо

http://jsfiddle.net/WXPab/14/

7 голосов
/ 14 июля 2011

Кажется, что вы пытаетесь дублировать раздел, но без элементов .p1.

Вы можете использовать clone() [документы] метод для клонирования раздела, remove() [документы] метод для удаления того, что вы делаетене хотите, а затем вставьте его HTML. 

$(document).ready(function() {

    var test = $('#issue_detail_first_row').clone();  // clone it

    test.find('.p1').remove();  // find and remove the class p1 elements

    $('#sett').html( test.html() );  // insert the new content
});

Рабочий пример: http://jsfiddle.net/YDZ9U/1/

Единственное, что вам нужно будет пройти и обновитьидентификаторы в клоне, чтобы они не дублировались на странице.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...