使用jquery获取属性表单Next＆Prev div使用jquery的

-1

我正在尝试一个示例来学习如何从下一个012vprev div的获取“标记”的属性“href”。考虑我点击div id =“rw2”中的'a tag'，我需要在prev div＃rw1和next div＃rw3中获取标签的href。使用jquery获取属性表单Next＆Prev div使用jquery的

<div class="plist" id="rw1"> 
    <div class="image"> 
     <a href="1.html">1</a> 
    </div> 
    <div class="some"></div> 
    <div class="few"></div> 
    </div> 

    <div class="plist" id="rw2"> 
    <div class="image"> 
     <a href="2.html">2</a> 
    </div> 
    <div class="some"></div> 
    <div class="few"></div> 
    </div> 

    <div class="plist" id="rw3"> 
    <div class="image"> 
     <a href="3.html">3</a> 
    </div> 
    <div class="some"></div> 
    <div class="few"></div> 
    </div> 

    ......

预期导致当

#rw1 .image a clicked - next = '2.html' & Prev = '' 

#rw2 .image a clicked - next = '3.html' & Prev = '1.html'

来源

2013-07-31 Parthi04

尝试：

$(".plist .image a").click(function() { 
    var p = $(this).closest(".plist").prev(".plist").find("a").prop("href"); 
    var n = $(this).closest(".plist").next(".plist").find("a").prop("href"); 
});

来源

2013-07-31 16:12:30

这将让你在找什么，在这个小提琴http://jsfiddle.net/smerny/BttMH/1/检查控制台：

$(".plist .image a").click(function(e) { 
    e.preventDefault(); //to stop page from loading - can remove depending on need 
    var $plist = $(this).closest(".plist"); 
    var thisId = $plist.prop("id"); 
    var nextLink = $plist.next().find("a").prop("href") || ""; 
    var prevLink = $plist.prev().find("a").prop("href") || ""; 
    console.log(thisId + ".image a clicked - next = '"+nextLink+"' & Prev = '"+prevLink+"'"); 
});

编辑：让你确切想要的结果试试这个：http://jsfiddle.net/smerny/BttMH/3/

$(".plist .image a").click(function(e) { 
    e.preventDefault(); //to stop page from loading - can remove depending on need 
    var $plist = $(this).closest(".plist"); 
    var thisId = $plist.prop("id"); 
    var nextLink = $plist.next().find("a").prop("href") || ""; 
    var prevLink = $plist.prev().find("a").prop("href") || ""; 
    nextLink = nextLink.substr(nextLink.lastIndexOf('/') + 1); //remove these if you want full url 
    prevLink = prevLink.substr(prevLink.lastIndexOf('/') + 1); 
    console.log(thisId + " .image a clicked - next = '"+nextLink+"' & Prev = '"+prevLink+"'"); 
});

点击通过将记录：

rw1 .image a clicked - next = '2.html' & Prev = '' 
rw2 .image a clicked - next = '3.html' & Prev = '1.html' 
rw3 .image a clicked - next = '' & Prev = '2.html'

来源

2013-07-31 16:17:58 smerny

使用jquery获取属性表单Next＆Prev div使用jquery的

回答

相关问题