jquery - 如何在链接上使用 jQuery 并使其在单击时在文本字段中显示链接？

Question

我想要实现的目标很简单。我只是不知道实现它的 jQuery 术语。我希望能够单击一个链接，并且该链接将“链接”准确地输出到文本字段中。我想它会是这样的：

$(document).ready(function(){
  $('a.text-display').click(function(){
    "copy that link text and display it in a textbox"
   });
});

Answer 1

差不多好了：

$(document).ready(function(){

    $('a.text-display').click(function(e){
        e.preventDefault(); //don't follow the link
        var linkText = $(this).text();
        $('#mytextfield').val(function(index, oldValue) {return oldValue + ' ' + linkText } ); //add the text to the current value of the textfield (input text)
    });
});

Answer 2

你想要这样的东西吗？

$(document).ready(function(){

    $('a.text-display').click(function(e){
        e.preventDefault(); //don't follow the link
        $(this).replaceWith('<input value="'+ $(this).attr("href") +'">');
    });
});​

在这里查看它的实际效果：http: //jsfiddle.net/EJcRB/