单击以将所有图像 HTML 标记插入到文本区域
click to insert all images html tag to textarea
在我的网站上将显示一些图像。
这些图像的类是class="insert_img"
我需要一个按钮点击插入到文本区域(我的编辑器)。
如何获得所有<img class="insert_img">
src 吸引力?
我不明白你在问什么,但看起来这就是你要找的:
$(function(){
$("#BT_Insert").click(function(){
$(".insert_img").each(function(id,val){
console.log($(val).attr("src"));
$("#editor").val($("#editor").val()+"'n"+$(val).attr("src"));
});
});
});
#editor{
width:500px;
height:100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://blog.grio.com/wp-content/uploads/2012/09/stackoverflow.png" class="insert_img"></img>
<img src="http://files.quickmediasolutions.com/so-images/stackexchange.png" class="insert_img"></img>
<br/>
<button id="BT_Insert">Click Me</button>
<hr/>
<textarea id="editor"></textarea>
相关文章:
- 我可以在网页正文中插入文本链接吗
- 使用.format在一些HTML代码中插入文本,会出现错误(Python)
- JavaScript 在文本区域中的特定位置插入文本
- CKEditor - 插入文本在 setData 之后不起作用
- 在两个括号内插入文本 - Javascript
- 将值插入文本区域可以绕过所需的检查
- Applescript运行Javascript,并在提示中插入文本
- 如何在Web SQL数据库中逐行插入文本文件
- 如何在Wysihtml5沙盒编辑器中的光标位置插入文本
- 如果在 IE 中最后附加光标,则在光标位置的文本区域中插入文本
- 是否可以在文本区域中插入文本并更新撤消/重做队列
- Javascript:在指定行插入文本
- 在文本字段中插入文本后聚焦光标
- 使用 Greasemonkey 在现有元素之前插入文本节点时出现问题
- 在当前卡雷位置插入文本不起作用(多个文本框)
- 通过查询将文本插入文本区域
- 单击插入文本或清理
- 当有人选择选项时,如何将MySQL中的数据插入文本区域
- 使用 jQuery/Javascript 将鼠标悬停在按钮上时将文本插入文本和帮助文本
- 如何使用 Javascript 插入文本框