从变量中的HTML数据中选择一个特定元素

Question

我已将$.get()的结果存储到名为questionsdata的变量中。这些数据基本上是一堆具有独特ID的div。我希望找到一个使用ID的div。我可以理解这是行不通的，但我不知道会发生什么。

$(questionsdata).find("#593"); 

在变量示例数据：

<div id="591">Stuff</div> 
<div id="592">Stuff</div> 
<div id="593">Stuff</div> 
<div id="594">Stuff</div> 

Answer 1

你可以很容易地解析存储在使用jQuery文本变量HTML - 它并不需要被添加到DOM。

由于＃593处于最高级别，所以.find在搜索儿童时无法找到。相反，你可以使用.filter，如果它总是会在顶层，或者在另一个<div>包裹 - 无论是在源或通过jQuery：

var data = '<div id="591">Stuff1</div><div id="592">Stuff2</div><div id="593">Stuff3</div><div id="594">Stuff4</div>'; 
 

 
console.log($(data).find("#593").length) 
 

 
// Use .filter 
 
console.log($(data).filter("#593").text()) 
 

 
// Or wrap with a div 
 
console.log($("<div>").html(data).find("#593").text())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

var questionsdata = '<div id="x"><div id="a591">Stuff1</div><div id="b592">Stuff2</div><div id="c593">Stuff3</div><div id="d594">Stuff4</div></div>' 
 
    
 

 
console.log($('#b592',questionsdata).html())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

Answer 3

您的JavaScript

var data='<div id=591>Stuff</div> 
<div id="592">Stuff</div> 
<div id="593">Stuff</div> 
<div id="594">Stuff</div>'; 
var $data = $(data).appendTo('#container"); 
var my_div=$("#container").find("#593"); 

你的HTML

< div id="container"></div> 

你的CSS

#container{display:none;}