javascript - 来自 jQuery 的 Javascript 中的等效函数

Question

$.ajax({
url: 'http://' + window.location.host + '/',
success: function(data){
$(data).find("a:contains(.jpg)").each(function(){
    // will loop through 
    var images = $(this).attr("href");

    $('<p></p>').html(images).appendTo('a div of your choice')

 });
}
});

我找不到在 javascript 中执行相同操作的方法，我可以像这样进行 ajax 调用

request = new XMLHttpRequest();
    request.open('GET', 'http://' + window.location.host + '/', true);

    request.onload = function(files) {
        if (request.status >= 200 && request.status < 400){
            // Success!

            resp = request.responseText;
        } else {
            // We reached our target server, but it returned an error

        }
    };
    request.onerror = function() {
        // There was a connection error of some sort
    };

但是如何获取目录中的文件列表？

CSJS 和/或 SSJS 两个答案都可以。我的主要目标不是使用 jQuery 来完成我想要的。

Answer 1

如果您想像在 jQuery 示例中一样遍历 a:contains(.jpg)，最好的选择可能是使用 DocumentFragment然后调用 .querySelectorAll :

var div = document.createElement('div');
div.innerHTML = request.responseText;

// if you want to search using text
var links = div.querySelectorAll('a')
for (i = 0; i < links.length; i++) {
  var link = links[i];
  if (!~link.innerHTML.indexOf('.jpg'))
    continue;
  // found one !
}
// if you want to search using an attribute
var links = div.querySelectorAll("a[href*='.jpg']");