jquery - 单击从 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

这是你想要的？ 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);
    });
});

Answer 2

尝试

$(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);
    });
});

演示：小提琴