Question

我有一个带textarea的网站。我的想法是，在网站上，在textarea中发布像这个例子的纯文本：

<!DOCTYPE html>
<html>
<head>
   <title>Example</title>
</head>
<body>
<div class="container">
    <h1>Teste</h1>
    <p><img src="/test.png"> Ola</p>
</div>
</body>
</html>

喜欢这张图片：

用户将如何通过＆＃34; HTML代码＆＃34;在网站上的textarea内

我的目标是找到所有（例如）img标记，并获取其src内容。有没有办法用jQuery找到img标签，就像通常对他们的代码一样：$('.container').find('img')？

或者是找到<img索引的唯一方法，从那里开始做子串并存储数据？

Answer 1

var html = $("textarea").val();
console.log($(html).find("img").attr("src"))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<textarea>
<!DOCTYPE html>
<html>
<head>
   <title>Example</title>
</head>
<body>
<div class="container">
    <h1>Teste</h1>
    <p><img src="/test.png"> Ola</p>
</div>
</body>
</html>
</textarea>

Answer 2

您可以在内存中创建DOM元素，将html文本加载到该元素中，然后像其他任何DOM元素一样对其进行操作。

实施例

var div = document.createElement("div")
div.innerHTML = document.getElementById("1337").textContent
console.log($(div).find('img')[0].src)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="1337" class="mytext" width=100px height=100px>
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
   &lt;title&gt;Example&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div class=&quot;container&quot;&gt;
    &lt;h1&gt;Teste&lt;/h1&gt;
    &lt;p&gt;&lt;img src=&quot;/test.png&quot;&gt; Ola img&lt;/p&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea>

Answer 3

＆＃13;

var html = $("textarea").val();
    $src=$(html).find("img").attr("src");
    $('button').click(function(){

    $('#pk').attr('src',$src);
    });

＆＃13;

    <img id='pk' src="">
    <button>click</button>
    <textarea></textarea>

＆＃13;

您可以使用按钮按年龄本身查看该图像

jQuery将textarea中的文本解释为选择器

3 个答案: