来自jQuery的Javascript中的等效函数

$.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')

 });
}
});

I couldn't find a way to do the same in javascript, I can make ajax call like this

我找不到在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
    };

but how do I get the list of the files in the directory?

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

CSJS and/or SSJS both answers are okay. My main goal is not to use jQuery to accomplish what I want.

CSJS和/或SSJS两个答案都没问题。我的主要目标是不使用jQuery来实现我想要的。

2 个解决方案

#1

If you want to loop through the a:contains(.jpg) like in your jQuery example, your best bet is probably to use a DocumentFragment and then call .querySelectorAll on it :

如果你想在你的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']");

2 个解决方案

#1

更多相关文章

随机推荐