Javascript URL可点击jQuery

Javascript URL可点击jQuery,javascript,jquery,Javascript,Jquery,我有一个联系人数组,带有数组网站(对象),我想使用Jquery显示可点击的URL格式 for ( var i = 0; i < contacts[contactIndex].webAddresses.length; i++) { var contactFieldWebsites = $(document.createElement('span')).attr({ class : 'contactFieldWebsites'

我有一个联系人数组,带有数组网站(对象),我想使用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);

        }
for(var i=0;i');
contactDiv.append(ContactField网站);
}

在这里,我只加载url,而我希望能够单击url并在所选网站上重定向我。我建议使用
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);

        }
var currentContact=contacts[contactIndex];
对于(var i=0;i
由于您有jQuery,您可以在创建时将单击事件链接到span元素(我还将创建span的方式更改为
$(“”)
):

var contactFieldWebsites=$(“”).attr({class:'contactFieldWebsites'})
.html(newOrUpdatedOrNone(contacts[contactIndex].webAddresses[i])+('href'contacts[contactIndex].webAddresses[i].url)+'('+contacts[contactIndex].webAddresses[i].kind++'))'+'
') 。单击(函数(){ location.href=“您的新href位于此处”; }); contactDiv.append(ContactField网站);

下面是一个演示,展示了将可单击函数添加到新创建的元素(并附加到容器)的概念:

我正在尝试获得以下结果:联系人姓名contact@mail(工作)+3367473xx 00(手机)+3314549xx OO(工作)google.com(工作)ok,所以只有url可以点击。NewOrUpdateOrnone()方法的作用是什么?是的,要检查联系人的网站是否为udapted、new或Nothing,我现在可以如何使用NewOrUpdateOrnone?我需要在执行var link=..之前进行检查,并且只有在NewOrUpdateOrnone(contacts[contactIndex].webAddresses[I])返回true时才进行检查,我将用一个新的函数更新这个例子,我正在尝试得到这个结果:联系人姓名google.com(work)
 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);