Question

我正在发出GET请求，返回两个div，如下所示：

$.get('releases', function(data){    
   console.log(data);
}

data返回以下html

<div class="release">
    <a href="link-1/">
        <img src="image-1.jpg">
        <h3>Test playlist 1</h3>
        <p>This release is a playlist</p>
    </a>
</div>

<div class="release">
    <a href="link-1/">
        <img src="image-1.jpg">
        <h3>Test playlist 1</h3>
        <p>This release is a playlist</p>
    </a>
</div>

我想知道如何使用类名release将响应拆分为div。我看到它的方式是我将每个发布div及其内容放在一个数组中，然后我可以循环并添加响应类等。

Answer 1

为什么不在文档就绪函数中添加类而不是这样做呢？

$(document).ready(function() {
    $('div').find('.release').each(function(){
         $(this).addClass( "myClass yourClass" );
    });
});

Answer 2

将数据转换为jquery对象，然后使用.find（）来获取div。然后循环遍历它们以执行您需要执行的操作。

$.get('releases', function(data){    
   $(data).find('.release').each(function(i, el){
      var $release = $(el);
      $release.addClass('some-class'); 
   });
}

Answer 3

我不确定你到底在做什么，但这将循环遍历每个div。

https://jsfiddle.net/ewsdnow6/

var data = '<div class="release"><a href="link-1/"><img src="image-1.jpg"><h3>Test playlist 1</h3><p>This release is a playlist</p></a></div><div class="release"><a href="link-1/"><img src="image-1.jpg"><h3>Test playlist 1</h3><p>This release is a playlist</p></a></div>';

var html = $.parseHTML(data);
$(html).each(function(){
    console.log($(this));
});

拆分从某个类名的GET请求返回的html

3 个答案: