我有一个代码与以下DOM树：
<div id="blogPagination">
<div class="pagination">
<ul>
<li>
<a href="/2" >1</a>
</li>
<li>
<a href="/3" >2</a>
</li>
</ul>
</div>
</div>
我试图达到我的标签的href。我尝试的任何东西都无法达到。
用jQuery来达成它的最好方法是什么？
我试过了：
console.log($('#blogPagination div ul > li a ').attr("href"));
console.log($('#blogPagination > a ').attr("href"));
$('#blogPagination').children('a')
console.log($('#blogPagination div ul li a').attr("href"));
没有运气..
谢谢
编辑：
在nbrooks的回答之后，这里是我迄今为止所尝试的：
function bindPagination() {
console.log("bind");
$(function() {
var links = $("#blogPagination ul a").map(function(e) {
e.preventDefault();
return this.href;
}).get();
console.log(links);
});
编辑2：
考虑到Syfaro的答案，我也试过：
$('#blogPagination').find('a').each(function(e) {
e.preventDefault();
console.log($(this).attr('href'));
});
没有运气。
编辑3：
我想提供更多关于这个功能的细节，这些功能可能会产生重大影响：
要加载这个分页，我正在使用Ajax和handlebars包装成一个文档就绪功能：
$(document).ready(function(){
// Get the customer service stats
var Content = {
init: function() {
/* this.getHomePosts(); */
this.getBlogPosts();
},getBlogPosts: function(offset) {
if(offset == undefined){
offset = 0;
}
// GET the events with JSON
$.ajax({
type: "POST",data: {},url: site_url+"/main/blog/"+offset,dataType: "json",success: function(results) {
posts = results["posts"].map(function (blogContent) {
if( blogContent.picture != '' ) {
return {
Title: blogContent.title,Picture: Content.urlPostPic + blogContent.picture,Video: '',Text: blogContent.text,Datetime: blogContent.datetime,}
} else {
return {
Title: blogContent.title,Picture: '',Video: blogContent.video,}
}
});
pagination = {pagination: results["pagination"]};
var template = Handlebars.compile( $('#templateBlog').html() );
$('#blogPosts').append( template(posts) );
var template = Handlebars.compile( $('#templatePagi').html() );
$('#blogPagination').append( template(pagination) );
// Here we call bindPagination <===
bindPagination();
}
});
},};
Content.init();
您可以在获取BlogPosts函数中看到我称之为BindPagination，该函数应该是此函数，以防止默认行为，并根据偏移量调用内容(分页系统)
function bindPagination() {
console.log("bind");
var links = $("#blogPagination ul a").map(function(e) {
e.preventDefault();
return this.href;
}).get();
console.log(links);
$('#blogPagination').find('a').each(function(e) {
console.log("clicked !");
e.preventDefault();
console.log($(this).attr('href'));
// var attr = this.attr();
// var id = attr.replace("/","");
// $('#blogPosts').empty();
// $('#blogPagination').empty();
// Content.getBlogPosts(id);
});
}
});
最后 });代表文件的最后准备。
解决方法
$('#blogPagination').find('a').attr('href');
这应该在指定区域中找到所有元素，获取它们的href，假设您已经有jQuery和所有好的东西设置。
如果你有多个元素，你可以这样做：
$('#blogPagination').find('a').each(function() {
console.log($(this).attr('href'));
});
这将打印出每个在该div中的每个href。
如果您需要阻止链接更改页面，则需要向a元素添加点击处理程序。
$('#blogPagination').on('click','a',function(e) {
e.preventDefault();
console.log($(this).attr('href'));
});
这是你想要的吗？
