Javascript URL可点击jQuery
我有一个联系人数组,带有数组网站(对象),我想使用Jquery显示可点击的URL格式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'
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);