如何获得选定的李的下一个属性值

Question

我想要当前页面li的下一个li的vlaue的href值，我的意思是个人页面命名类的li是jquery中的属性href值我怎样才能得到它。

<ul>
    <li class="current-page">    // selected li
        <span>1</span>
    </li>
    <li class="individual-page">
        <a href="/notebooks?pagesize=4&pagenumber=2">2</a>   // want href's value
    </li>
    <li class="individual-page">
        <a href="/notebooks?pagesize=4&pagenumber=3">3</a>
    </li>
</ul>

Answer 1

尝试以下方法：

//Select the .current-page li
$('li.current-page')

//Traverse to the next li
.next('li')

//Find the anchor inside
.find('a')

//Get the href property 
.prop('href')

JSFiddle

<强>文档

• next()
• find()
• prop()

Answer 2

使用attr()获取href值

$("li.current-page").click(function(){
alert($(this).next("li").find("a").attr("href"));
});

DEMO

Answer 3

var value = $（'li.current-page'）。next（）。find（'a'）。attr（href）;

Answer 4

同意@ George的回答。

如果你想每次都检索相同li的值，你也可以使用它：

$('.individual-page').first().find('a').prop('href');