クラスに属さない属性を選択するにはどうすればよいですか？

Question

特定のクラスに属していないimgタグの画像属性（src）を選択するにはどうすればよいですか？

は、ここに私が試してみましたHTMLコード

<div class="content"> 
    <h1>Welcome to My Homepage</h1> 
    <img src="#first"> 
    <img src="#second">  

    <p class="footer"> 
     <img src="#1"> 
     <img src="#2"> 
     <img src="#3"> 
    </p> 

    <p id='test'> </p> 
</div> 

だ両方.NOT（）と：ない（）私はそれらを動作させるように見えることはできませんが、セレクタ。 「フッター」クラスに属さないimgタグのイメージソースを選択するにはどうすればいいですか？

これは私が試みたものです。 フッタークラスの子にあるイメージうち

<script> 
    var url = []; 

    $(document).ready(function(){ 
     $('.content').filter(function() { 
      var data = $(this); 
      var image = data.find('img:not(".footer")'); 

      image.each(function(i,el) { 
       url[i] = $(el).attr('src'); 
       $("#test").text(url); 
      }); 
     }) 
    }); 
</script> 

Answer 1

フィルタ：

$(document).ready(function() { 
 
    $("img").not(".footer > img").each(function() { 
 

 
    console.log($(this).attr("src")); 
 

 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<div class="content"> 
 
    <h1>Welcome to My Homepage</h1> 
 
    <img src="#first"> 
 
    <img src="#second"> 
 
    <p class="footer"> 
 
    <img src="#1"> 
 
    <img src="#2"> 
 
    <img src="#3"> 
 
    </p> 
 

 
    <p id='test'> </p>

Answer 2

@Developerは非常に良い解決策を持っている - 私はこの上ですることをお勧めします。

このメソッドは、画像リストにフィルタを実装します。同じ効果があります。しかしあまり最適化されていない

var url = []; 
 
$(document).ready(function() { 
 
    $('.content').filter(function() { 
 
    var data = $(this); 
 
    var image = data.find('img'); 
 
    image.filter((i, el) => !$(el).parents().hasClass("footer")).each(function(i, el) { 
 
     console.log($(el).attr("src")); 
 
    }) 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<div class="content"> 
 
    <h1>Welcome to My Homepage</h1> 
 
    <img src="#first"> 
 
    <img src="#second"> 
 
    <p class="footer"> 
 
    <img src="#1"> 
 
    <img src="#2"> 
 
    <img src="#3"> 
 
    </p> 
 

 
    <p id='test'> </p>