使用\ jQuery将页面上的所有链接放入表单字段

时间:2011-05-23 16:11:08

标签: jquery

我正在开发一款有助于信息架构的应用。我正处于需要将页面上的链接输入表单字段的位置。有没有办法指出页面URL并将所有链接都集成到文本字段中?

我认为jQuery应该有足够的力量来完成这类工作......也许我需要寻找$('a')并用标签结束一切?我只需要链接文本,而不是URL本身。不太确定如何,但我觉得它应该是可能的。

1 个答案:

答案 0 :(得分:1)

在DOM加载下面的脚本将创建一个文本输入控件,其中包含页面上每个锚标记的链接文本(只需将粘贴复制到页面中):

<script type='text/javascript'>
 $(function() {

   var i = 0, 
       inputs = "<input type='text' value='' />";

    // loop through each a tag and grab the link text
    $("a").each(function() {
      i++;

      // create a new text field and append to outFields
      // feel free to change the input tag template above
      $(inputs)
         .attr("id", "field" + i)
         .attr("name", "field" + i)
         .value($(this).text())
         .appendTo("#outFields");

    });

 });
</script>

<div id="outFields"></div>