单击以将所有图像html标记插入textarea

时间:2015-01-29 17:08:01

标签: javascript jquery

在我的网站上会显示一些图片。

这些图片的类是class="insert_img"

我需要一个按钮onclick插入textarea(我的编辑器)。

如何获取所有<img class="insert_img"> src attr?

1 个答案:

答案 0 :(得分:1)

我无法理解你在问什么,但看起来这就是你要找的东西:

$(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>