如何用JavaScript代替链接文本？

Question

这是我做的从HTML USNG取出文本的Jquery：

$(".text").each(function(){ 

     var texts = items[textCount]['data']['title']; 
     $(this).text(texts); 
     textCount = textCount + 1; 
     }); 

我的问题，如果我想的文本是一个链接，那么它不显示为链接，但还增加了一个字符串到文本变量。我如何显示链接？如何将它作为href添加到文本中？

输出应该是这样的：

文字+网址

，而不是文字被链接的网址："<a href=\""+link+"\">"+texts+"</a>"

Answer 1

使用.attr()功能是这样的。

$(this).attr("href", "your link"); 

但是，这只会工作，如果你有一个锚标记，如果不是你可以动态创建一个锚标记。

$(this).html("<a href=\""+link+"\">"+texts+"</a>"); 

Answer 2

你可以用类=文本的每个元素像这样的链接，假设你有某种元素，你会用一个超链接来包装。我不是100％确定这是你正在寻找的。

$('.text').wrap('<a href="http://yourlinkhere.com"></a>'); 

Answer 3

你可以做。注意： - 当你直接处理对象属性时，这比attr（）更有效。

this.href="yoururl" 

您不必经历在attr期间被调用的followng jquery代码，以便只设置href属性。

jQuery的ATTR功能

attr: function(elem, name, value, pass) { 
     var nType = elem.nodeType; 

     // don't get/set attributes on text, comment and attribute nodes 
     if (!elem || nType === 3 || nType === 8 || nType === 2) { 
      return undefined; 
     } 

     if (pass && name in jQuery.attrFn) { 
      return jQuery(elem)[ name ](value); 
     } 

     // Fallback to prop when attributes are not supported 
     if (!("getAttribute" in elem)) { 
      return jQuery.prop(elem, name, value); 
     } 

     var ret, hooks, 
      notxml = nType !== 1 || !jQuery.isXMLDoc(elem); 

     // Normalize the name if needed 
     if (notxml) { 
      name = jQuery.attrFix[ name ] || name; 

      hooks = jQuery.attrHooks[ name ]; 

      if (!hooks) { 
       // Use boolHook for boolean attributes 
       if (rboolean.test(name)) { 
        hooks = boolHook; 

       // Use nodeHook if available(IE6/7) 
       } else if (nodeHook) { 
        hooks = nodeHook; 
       } 
      } 
     } 

     if (value !== undefined) { 

      if (value === null) { 
       jQuery.removeAttr(elem, name); 
       return undefined; 

      } else if (hooks && "set" in hooks && notxml && (ret = hooks.set(elem, value, name)) !== undefined) { 
       return ret; 

      } else { 
       elem.setAttribute(name, "" + value); 
       return value; 
      } 

     } else if (hooks && "get" in hooks && notxml && (ret = hooks.get(elem, name)) !== null) { 
      return ret; 

     } else { 

      ret = elem.getAttribute(name); 

      // Non-existent attributes return null, we normalize to undefined 
      return ret === null ? 
       undefined : 
       ret; 
     } 
    },