jQuery Selection不能选择所有元素

Question

所以我基本上已经创建了一个快速的小提取器。我希望能够提取数据。我能够选择所有强大的元素。但出于某种原因，当我去选择p元素。我没有得到任何选择。

见的js小提琴：https://jsfiddle.net/xmikedanielsx/e34he23d/1/

var h = `<h4> 
<a id="A" name="A"> </a>A</h4> 
<p> 
    <a id="Abrupt" name="Abrupt"> </a> 
    <strong>Abrupt Climate Change</strong> 
    <br/> Sudden (on the order of decades), large changes in some major component of the climate system, with rapid, widespread effects.</p> 
<p> 
    <a id="Adaptation" name="Adaptation"> </a> 
    <strong>Adaptation</strong> 
    <br/> Adjustment or preparation of natural or human systems to a new or changing environment which moderates harm or exploits beneficial opportunities.</p>` 

var el = $('<div></div>'); 
el.innerHTML = h; 

$('strong', el.innerHTML).each(function() { 
    alert($(this)["0"].innerHTML); 
}) 

$('p', el.innerHTML).each(function() { 
    alert($(this)["0"].innerHTML); 
}) 

Answer 1

因为已经绑定一个DOM方法到jQuery对象。而是使用此：

el[0].innerHTML = h; 
// el.html(h); // <--or this one 

例子：

var h = '<h4><a id="A" name="A"> </a>A</h4><p>       <a id="Abrupt" name="Abrupt"> </a><strong>Abrupt Climate Change</strong><br/>Sudden (on the order of decades), large changes in some major component of the climate system, with rapid, widespread effects.</p><p><a id="Adaptation" name="Adaptation"> </a><strong>Adaptation</strong><br/>Adjustment or preparation of natural or human systems to a new or changing environment which moderates harm or exploits beneficial opportunities.</p>' 
 

 
var el = $('<div></div>'); 
 
el.html(h); 
 

 
$('strong', el).each(function() { 
 
    alert($(this)["0"].innerHTML); 
 
}); 
 
$('p', el).each(function() { 
 
    alert($(this)["0"].innerHTML); 
 
});

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