jqueryの削除機能は、HTMLを置き換え返しません

Rahyabアーメド:

私は、次の機能を持っています。私はすべて削除しようとしています<img>タグと、このデータ内にあるテーブルからわずか2行目。コンソールのコードとセレクタの作業罰金が、私は中に結果を得ることはありませんdataすべてのものを交換した後、変数。

 function fetchDetails(URLToRead, email) {
        $.get(URLToRead, function (data) {
            console.log(data);
            var imgTags = $(data).find('img');
            $.each(imgTags, function (i,v) {
                $(v).remove();
            });
            $(data).find('table tr:nth-child(2)').remove();
            console.log(data);
        });
    }

URLToRead コンテンツ:

<TABLE>
                <TR>
                    <TD>
                        <span></span>
                    </TD>
                </TR>
                <TR>
                    <TD></TD>
                </TR>
                <TR>
                    <TD ><span ></TD>
                </TR>
                <TR>
                    <TD height="12" colSpan="4"><IMG src="../images/spacer.gif" width="20" height="7"></TD>
                </TR>
            </TABLE>
アヌラーグSrivastava氏:

問題はある.remove()にしている要素上の作品DOMあなたはdataに追加されることはありませんDOM

あなたはとdiv要素を作成することができますdisplay: noneし、それに必要な操作を実行します。

let data = `
<TABLE>
                <TR>
                    <TD>
                        <span></span>
                    </TD>
                </TR>
                <TR>
                    <TD></TD>
                </TR>
                <TR>
                    <TD ><span ></TD>
                </TR>
                <TR>
                    <TD height="12" colSpan="4"><IMG src="../images/spacer.gif" width="20" height="7"></TD>
                </TR>
            </TABLE>
`

let tempDiv = $("<div style='display: none;'></div>")

$("body").append(tempDiv)
$(tempDiv).append(data)

$(tempDiv).find('img').remove();
$(tempDiv).find('table tr:nth-child(2)').remove();

console.log($(tempDiv).html())
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

おすすめ

転載: http://10.200.1.11:23101/article/api/json?id=392570&siteId=1