单击以将所有图像 HTML 标记插入到文本区域

click to insert all images html tag to textarea

本文关键字:插入 文本 区域 HTML 图像 单击      更新时间:2023-09-26

在我的网站上将显示一些图像。

这些图像的类是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>