jQuery - html文字列内の要素を非表示にする

Question

私はhtmlとしていくつかのデータを取得するajax関数を持っています。

このHTML文字列から特定の要素を非表示にするにはどうすればよいですか？ $(data).find(".element").hide()は動作しません...

Answer 1

本当にうまくいかないのですか？よくある間違いは、文字列自体が変更されていると仮定することです。

代わりにこれを試してみてください：

var $data = $(data); // create new DOM elements, and keep a reference to them 
$data.find(".element").hide(); // find and hide .element 
$data.appendTo('wherever'); // append the new elements 

別の可能性は.elementがトップレベルに返されたHTMLののであるということです。

この場合、find()^(docs)メソッドの代わりにfilter()^(docs)メソッドが必要です。しようとする

var $data = $(data); // create new DOM elements, and keep a reference to them 
$data.filter(".element").hide(); // filter and hide .element 
$data.appendTo('wherever'); // append the new elements 

最後は.find()をやって、その後、<div>要素で全体のHTMLを包むことになります。

// var $data = $('<div>' + data + '</div>'); // original version 
var $data = $('<div>').append(data); // this may be better. not sure. 
$data.find(".element").hide(); 
$data.children().appendTo('wherever');