Question

我有一系列联系人，有阵列网站（对象）我想使用Jquery显示可点击的URL格式。

for ( var i = 0; i < contacts[contactIndex].webAddresses.length; i++) {

            var contactFieldWebsites = $(document.createElement('span')).attr({
                class : 'contactFieldWebsites'
            }).html(newOrUpdatedOrNone(contacts[contactIndex].webAddresses[i])+
                    ('href' contacts[contactIndex].webAddresses[i].url) + ' ('
                            + contacts[contactIndex].webAddresses[i].kind + ')'+'<br/>');
            contactDiv.append(contactFieldWebsites);

        }

这里我只是加载网址，而我希望能够点击网址并在选定的网站上重定向我

Answer 1

我建议使用attr()方法来更新锚属性。

        var currentContact = contacts[contactIndex];
        for ( var i = 0; i < currentContact.webAddresses.length; i++) {
            var webAddress = currentContact.webAddresses[i];
            var contactFieldWebsites = $('<span/>')
                .addClass('contactFieldWebsites')
                .text('(' + webAddress.kind + ')');
            if (newOrUpdatedOrNone(webAddress )){
                var link = $('<a />')
                    .attr({'href': webAddress .url})
                    .text(webAddress.url)
                    .appendTo(contactFieldWebsites);
            }
            contactDiv.append(contactFieldWebsites);

        }

Answer 2

由于你有jQuery，你可以在创建时将click事件链接到span元素（我也将你创建span的方式改为$("<span/>")）：

 var contactFieldWebsites = $("<span/>").attr({class : 'contactFieldWebsites'})
 .html(newOrUpdatedOrNone(contacts[contactIndex].webAddresses[i]) + ('href' contacts[contactIndex].webAddresses[i].url) + ' (' + contacts[contactIndex].webAddresses[i].kind + ')'+'<br/>')
 .click(function() {
     location.href = "your new href goes here";
 });
 contactDiv.append(contactFieldWebsites);

这是一个演示，展示了将可点击的功能添加到新创建的元素（并附加到容器）的概念：http://jsfiddle.net/zRLfE/

URL可点击的jQuery

2 个答案: