jquery - jqueryを使用して変数からDOM要素を削除します

Question

私がこれを解決するのを手伝ってください：

私はこれを持っています：

var text='<li id="job1">Job 1</li>'+
         '<li id="job2">Job 2</li>'+
         '<li id="job3">Job 3</li>';

次のような1つの要素を削除したいと思います。

$("#job2",$(text)).remove();

これは機能しません。それを行う方法はありますか？ありがとう。

編集： そして私は結果をテキストに保存したい：

 text='<li id="job1">Job 1</li><li id="job3">Job 3</li>';

Answer 1

あなたの varは、文字列textを保持している単なる変数です

<li id="job1">Job 1</li><li id="job2">Job 2</li><li id="job3">Job 3</li>

また、文字列はオブジェクトではないため、使用できません.remove()

---

しかし、例えば：

$('#someElement').append(text);

あなたが簡単にできるよりも：

$('#job2').remove();

次を使用して新しい文字列を取得します。

text = $('#someElement').html(); // '<li id="job1">Job 1</li><li id="job3">Job 3</li>'

Answer 2

このようにしてみてください...

*アップデートFIDDLE 私の最初のバージョンのコード$(text).find("#job2").remove();はjsfiddleで機能しませんでしたが<ul></ul>、コードに追加すると魅力的なように機能しました。なぜ最初のインスタンスなしで動作しなかったのかわかりulませんそして、なしでli来る機会は見当たらないulので、このようにしてみてください。

var text='<ul><li id="job1">Job 1</li>'+
         '<li id="job2">Job 2</li>'+
         '<li id="job3">Job 3</li></ul>';

$text = $(text);
// console.log($text);
$text.find("li#job2").remove();
// console.log($text.find("li#job2"));
$('div').append($text);​

Answer 3

テキストから「job2」を削除したい場合

$(text).find("#job2").remove();