转到父级jquery的子级

Question

我有这样的代码：

<div class="Slideshow homeSlideshow">
    <div class="jshowoff jshowoff-1" style="position: relative;">
    <ul style="position: relative;">
        <li class="Slide" title="Trailer" style="left: auto; right: 0px; top: auto; bottom: auto; position: relative;">
            <a target="_blank" href="http://www.youtube.com/watch?v=123456" title="xxx"></a>
        </li>
    </ul>
    <p class="jshowoff-slidelinks jshowoff-1-slidelinks">
        <a class="jshowoff-slidelink-0 jshowoff-1-slidelink-0" title="undefined" href="#null" style="width: 30.3333%;">
            Trailer
        </a>
    </p>
    </div>
</div>

我在p班的jshowoff-slidelinks。我需要的是，点击这个p里面的a，我会转到在li类幻灯片里面的href。

有什么想法吗？

这就像，转到href to the child of parent，诸如此类的东西。

问题是，这是幻灯片代码的一部分，因此li会随着幻灯片的移动而不断变化。

Answer 1

尝尝这个,

$('.jshowoff-slidelinks.jshowoff-1-slidelinks').click(function(){

    alert($(this).closest('.jshowoff.jshowoff-1').find('li a').attr('href'));

});​

Answer 2

$("p a").click(function() {
  var div = $(this).parent().parent(),
    a = div.find("ul a"),
    href = a.attr("href");

  window.location = href;
});

Answer 3

$('[class^=jshowoff-slidelink]').click(function(e){
    e.preventDefault();
    window.location = $(this).closest('.Slideshow').find('.Slide a').prop('href');
});

我使用过class^或class begins with，以防您有多个该链接的实例。window.location将告诉浏览器加载在=之后提供的字符串，在本例中，该字符串是.slide元素中的锚元素。我们只是从这个锚点中获取了href属性。