javascript - jQuery查找功能无法正常工作

首先，我想说的是，我在这里观看了所有与此有关的问题，但是没有一个问题可以帮助我解决问题。
我有一个包含html代码的textarea，我想在此textarea中获取图像，为此，我使用了.find（）函数，但不幸的是它没有用。

HTML代码

<textarea id='post' style='display:none;'><div dir="ltr" style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-TGSXnxdOXok/VKG1rrYMx9I/AAAAAAAABGg/eev4GjIry1g/s1600/photo-1416339306562-f3d12fefd36f-1000x400.jpg"><img src="http://2.bp.blogspot.com/-TGSXnxdOXok/VKG1rrYMx9I/AAAAAAAABGg/eev4GjIry1g/s1600/photo-1416339306562-f3d12fefd36f-1000x400.jpg" /></a></div>
<br />Cras sit amet libero eros, in ultricies lorem. Nunc et odio neque. Maecenas vehicula interdum hendrerit. Integer hendrerit orci ullamcorper neque pellentesque feugiat. Aliquam magna metus, fringilla non ultrices id, fringilla eu erat. Phasellus lorem tortor, porttitor volutpat iaculis sed, condimentum ultricies massa. Curabitur ut malesuada elit. Nullam tortor mi, faucibus a laoreet a, ultricies ut est. Etiam erat urna, dapibus vitae sodales eu, sagittis ut nisl. Curabitur vitae tristique felis. Donec consectetur porttitor lectus ac pharetra. Mauris nulla nisi, congue quis eleifend at, dapibus eget augue. Curabitur nunc sem, feugiat sit amet facilisis quis, laoreet id mi.<br />
</div>
</textarea>

jQuery代码

var content = $('#post').val();
var img = content.find('img').attr('src');
alert(img);

JsFiddle demo

最佳答案

textarea的值是一个字符串，您首先需要将其转换为DOM结构。

要获得DOM结构，您需要将字符串包装在另一个jQuery选择器中：

var content = $($('#post').val());

它基本上是这样做的：

var myString = $('#post').val();
var content = $(myString);

在这里查看实际操作：

var content = $($('#post').val());
var img = content.find('img').attr('src');
alert(img);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id='post' style='display:none;'><div dir="ltr" style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-TGSXnxdOXok/VKG1rrYMx9I/AAAAAAAABGg/eev4GjIry1g/s1600/photo-1416339306562-f3d12fefd36f-1000x400.jpg"><img src="http://2.bp.blogspot.com/-TGSXnxdOXok/VKG1rrYMx9I/AAAAAAAABGg/eev4GjIry1g/s1600/photo-1416339306562-f3d12fefd36f-1000x400.jpg" /></a></div>
<br />Cras sit amet libero eros, in ultricies lorem. Nunc et odio neque. Maecenas vehicula interdum hendrerit. Integer hendrerit orci ullamcorper neque pellentesque feugiat. Aliquam magna metus, fringilla non ultrices id, fringilla eu erat. Phasellus lorem tortor, porttitor volutpat iaculis sed, condimentum ultricies massa. Curabitur ut malesuada elit. Nullam tortor mi, faucibus a laoreet a, ultricies ut est. Etiam erat urna, dapibus vitae sodales eu, sagittis ut nisl. Curabitur vitae tristique felis. Donec consectetur porttitor lectus ac pharetra. Mauris nulla nisi, congue quis eleifend at, dapibus eget augue. Curabitur nunc sem, feugiat sit amet facilisis quis, laoreet id mi.<br />
</div>
</textarea>