在jQuery中查询元素的字符串

Question

I have an ajax request that POSTs text to another PHP page, which renders it to markdown and sends it back. An example looks like this:

"<p>Meep, meep, <em>meep!!!</em></p>
<pre><code class="language-javascript">var foo = "bar";</code></pre>"

Now, if I wanted to find all elements with the selector pre code, how would I do that? I tried $(text).find("pre code") but with no results given back. What is the problem and how is it done right?

Answer 1

You can use .parseHTML() like this

$('<output>').append($.parseHTML(str)).find('pre code')

var str = '<p>Meep, meep, <em>meep!!!</em></p>\
<pre><code class="language-javascript">var foo = "bar"\
;</code></pre>';
alert($('<output>').append($.parseHTML(str)).find('pre code').html());

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

</div>