Jquery seletor - múltiplos elementos

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<body>
  <section id="result">  
  </section>
  <li>    
    <img src="http://cdn4.pitchfork.com/news/66941/b305b79a.jpg" alt="" />
    <h3>The Beatles</h3>
  </li>
  <li>  
  <img src="https://www.thewho.com/wp-content/gallery/views_1/64_the_city_640.jpg" alt="" />
  <h3>The Who</h3>
  </li>
  <li>  
  <img src="https://upload.wikimedia.org/wikipedia/en/a/a0/Joy_Division_promo_photo.jpg" alt="" />
    <h3>Joy Division</h3>
    </li>
  <li>
  <img src="https://s1.vagalume.com/pink-floyd/images/profile-bigw314.jpg" alt="" />
    <h3>Pink Floyd</h3>
  </li>  
</body>

JavaScript

$(document).ready(function(){
  var lastBandImageAndName = $('img:last, h3:last');
  
  lastBandImageAndName.each(function()
  {
    var tag = $(this).prop('tagName');
    if(tag === 'IMG'){
       $('#result').append('Última imagem URL = '+ $(this).prop('src'));
     }
    else if(tag === 'H3'){ 
      $('#result').append('<br />Último H3 texto = ' +  $(this).text());  
    }    
  });  
});