javascript - 试图点击一个 div 并使用存储在另一个 div 中的 url 去一个登陆页面

Question

我正在以以下格式从 json 捕获数据。（我使用 getjson 和 $.each 来返回数据，但是我在这个问题中跳过了那部分）

event += '<div class="eventHolder">'; 
event += '<div class="eLink">'+entry.href+'</div>';
event += '<div class="eventName">'+ entry.title + '</div>';
event += '</div>';

将输出存储在 div 中

$('#output').html(event);

现在尝试创建一个场景，我将单击“eventName”，它将转到“eLink”的登录页面

我将 url 存储在中eLink，我应该如何处理这个？

Answer 1

解决方案

单击.eventNamediv 时，会重定向到.eLinkdiv 中包含的链接。

---

JavaScript/jQuery

/* On click of 'eventName' class element */
$('.eventName').click(function () {
    /* Redirect to the page link contained in the 'eLink' class element */
    window.location.href = $('.eLink').text();
});

现场演示（JSFiddle）

Answer 2

是的，您可以尝试用这样的链接替换您的 div（如果您不需要显示 url，请删除您的 div witj eLink 类）：

event += '<div class="eventHolder">'; 
event += '<a href="'+entry.href+'">'+ entry.title + '</a>';
event += '</div>';

Answer 3

你可以做类似的事情

$('.eventName').click(function() {
    window.location = $(this).parent().find('.eLink').text()
});