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中粘贴一个链接，单击按钮，标签应该用#trapper包裹在textarea的href中。但没有任何反应。

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

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

点击添加来自textarea的href的a-tag

2 个答案: