Question

我有这样的标记

<div class="links">
  <ul>
      <li>
          <a class="test"></a>
      </li>
      <li>
          <a href="http:example.com" target="_blank" class="test" ></a>
      </li>
  </ul>
</div>

像这样，我有近30个div。现在你可以在ul里面有2个li存在并且在每个div里面我在第二个锚标签里面有不同的页面链接。所以在这里我希望当有人点击div然后它会重定向到第二个锚标记href链接页面。那么有人可以告诉我该怎么做吗？

Answer 1

像这样使用：

$('.links').on('click',function(e){
e.preventDeafult();
window.location.href = $(this).find('li:last-child').children('a').attr('src');
});

Answer 2

尝试这样

 $(".links").click(function () {
    window.location.href = $(this).find("a:eq(1)").attr("src");
});

Answer 3

您可以使用链接test99调用class，然后使用jquery来实现它...

$(".links").click(function() {

  $("#display").text($(this).find(".test5").attr("href"));

});

演示：http://jsbin.com/sezitozu/1/

Answer 4

我认为这会对你有帮助。

试试这个：

$('.links').each(function(){    
var link = $(this).find('ul > li:nth-child(2) > a').attr('href');
    $(this).attr('onClick', 'window.open("' +link + '")');
});

See in JsFiddle

你的问题对我来说不明确。所以，我代表你的陈述发布了另一个解决方案：

在这里，我希望当有人点击div时，它会重定向到第二个锚标记href链接页面。

$('.links').click(function(){      
var link = $(this).nextAll('div.links').find('ul > li:nth-child(2) > a').attr('href');
    if(link != undefined){
     window.location.href =link;
    }
});

Working Example

jQuery检查第二个锚标记href并在点击时将其分配给div

4 个答案: