单击从 textarea 添加带有 href 的 a-tag

Question

我从昨天开始尝试做一些代码工作，但我做不到。我的目标是：如果我单击一个按钮，“a-tag”应该被包裹在另一个 div 周围，并且 a-tag 中的“href”应该来自用户可以粘贴到链接 fe 的输入字段（ somelink.html)。

这是我目前得到的：jsfiddle

$("#linkgo").click(function () {    
    $("#wrapper").wrapInner("<a id='tablelink' href='#'></a>");            

    $('#link').change(function() {
      var newurl = $('#link').val();
      $('a#tablelink').attr('href', newurl);
    });
});

我在 textarea 中粘贴了一个链接，单击按钮，一个标签应该用来自 textarea 的 href 包裹在 #wrapper 周围。但是什么也没发生。

我希望我不会犯愚蠢的错误，也许有更好的方法来做到这一点。

Answer 1

试试

$(document).ready(function() {

    $("#linkgo").one('click', function () {
        var a = $("<a />", {
            id: 'tablelink',
            href: $('#link').val()
        });
        $("#wrapper").wrapInner(a);    
    });
    $('#link').change(function() {
        var newurl = $('#link').val();
        $('a#tablelink').attr('href', newurl);
    });
});

演示：Fiddle

Answer 2

这就是你要找的吗？ http://jsfiddle.net/EdaWR/20/

$("#linkgo").click(function () {

    $("#wrapper").wrapInner("<a id='tablelink' href='" +$('#link').val() +"'></a>");    

    $('#link').keydown(function() {
        var newurl = $('#link').val();
        $('a#tablelink').attr('href', newurl);
    });
});