1

这就是我从 html usng Jquery 中取出文本的方法:

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

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

我的问题是,如果我希望文本成为 url,那么它不会显示为链接,还会显示添加到 texts 变量的字符串。如何显示链接?如何将其作为 href 添加到文本中?

输出应该是这样的:

文字+网址

而不是链接为 url 的文本:"<a href=\""+link+"\">"+texts+"</a>"

4

3 回答 3

2

您可以使用 class=text 使每个元素成为这样的链接,假设您有某种元素要用超链接包装。我不是 100% 确定这就是你要找的。

$('.text').wrap('<a href="http://yourlinkhere.com"></a>');
于 2013-04-22T01:17:58.513 回答
1

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

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

但这只有在您有锚标签时才有效,否则您可以即时创建锚标签。

$(this).html("<a href=\""+link+"\">"+texts+"</a>");
于 2013-04-22T01:17:55.660 回答
1

你可以做。注意:- 这比 attr() 更有效,因为您直接处理对象属性。

this.href="yoururl"

您不必通过 attr 期间调用的后续 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;
        }
    },
于 2013-04-22T01:19:58.023 回答