如何使用Jquery仅在文本框中查找链接

时间:2014-09-03 23:37:12

标签: jquery textbox jquery-selectors

我正在尝试编写一些代码,用于搜索用户可以键入的文本框,并删除链接/ href标记中未包含的任何文本。

例如:

$("#ugc").focusout(function() {
 var ugcText = $(this).val;
 // Function to remove anything not in an a tag
 $("#ugc").val(function output);
})

所以如果#ugc.val等于:

Some text <a href="http://www.stackoverflow.com">Stack Overflow</a> Some more text <a href="http://www.stackoverflow.com/questions/ask">Another Link</a> 

运行该函数后的值为:

<a href="http://www.stackoverflow.com">Stack Overflow</a><a href="http://www.stackoverflow.com/questions/ask">Another Link</a> 

谢谢!

2 个答案:

答案 0 :(得分:1)

你可以这样做:

var ugcText  = $('#ugc').val();
var $tempDiv = $('<div>').html(ugcText);

var $allLinks = $tempDiv.find('a');

$('#ugc').text($tempDiv.empty().append($allLinks).html());

查看此jsfiddle

答案 1 :(得分:0)

最终起作用的是什么:     

$("#uspcontent").focusout(function(){
  var uspText = $(this).val();
  $("#tempDiv").html(uspText);
  var tempDiv = $("#tempDiv");
  var allLinks = tempDiv.find("a");
  var output = $("#tempDiv").empty().append(allLinks).html();
  $("#uspcontent").val(output);
});