組合循環

Question

您如何將這些循環組合在一起。

是否可以使循環將第一個標簽用作類別，然后訪問將用於標題的下一個標簽？

$(document).ready(function(){

//get root and current URL
var loc = document.URL;
var root = document.location.hostname;
var path = window.location.pathname;
var dir = path.substring(path.lastIndexOf('/'));

//read in posts from tumblr
if (root != 'www.tumblr.com') {
    var posts = tumblr_api_read.posts;
    for (var i in posts) {
        $('#project-list').append('<li><a href='+posts[i].url+'>'+posts[i].tags[0]+'</a></li>');
    }
} else {
    $('#project-list').append('<li><a href="#">project title</a></li>')
}

if (root != 'www.tumblr.com') {
var posts = tumblr_api_read.posts;
for (var i in posts) {
  $('#installation-list').append('<li><a href='+posts[i].url+'>'+posts[i].tags[1]+'</a></li>');
}
} else {
$('#installation-list').append('<li><a href="#">installation title</a></li>')
}

Answer 1

您可以像這樣組合它：

$(document).ready(function() {
    //get root and current URL
    var loc = document.URL;
    var root = document.location.hostname;
    var path = window.location.pathname;
    var dir = path.substring(path.lastIndexOf('/'));

    //read in posts from tumblr
    if (root != 'www.tumblr.com') {
        var posts = tumblr_api_read.posts;
        for (var i in posts) {
            $('#project-list').append('<li><a href=' + posts[i].url + '>' + posts[i].tags[0] + '</a></li>');

            $('#installation-list').append('<li><a href=' + posts[i].url + '>' + posts[i].tags[1] + '</a></li>');
        }
    } else {
        $('#project-list').append('<li><a href="#">project title</a></li>');

        $('#installation-list').append('<li><a href="#">installation title</a></li>');
    }
});

Answer 2

你的意思是這樣的

if (root != 'www.tumblr.com') {
    var posts = tumblr_api_read.posts;
    for (var i in posts) {
      $('#project-list').append('<li><a href=' + posts[i].url + '>' + 
                                  posts[i].tags[0] + '</a></li>');
      $('#installation-list').append('<li><a href=' + posts[i].url + '>' + 
                                  posts[i].tags[1] + '</a></li>');
    }
} else {
    $('#project-list').append('<li><a href="#">project title</a></li>')
    $('#installation-list').append('<li><a href="#">installation title</a></li>')
}