пытается получить тег src, содержащий определенное слово

Question

У меня есть запрос ajax на wikipedia и я нацеливаю на информационное окно, чтобы получить и добавить изображение флага для введенного пользователем города. вот звонок:

$.ajax({ 
     url: 'http://en.wikipedia.org//w/api.php?action=parse&format=json&page='+city+'&prop=images&prop=text', 
     dataType: 'jsonp', 
     success: function (response) { 
      console.log(response); 
      var readData = $('<div>' + response.parse.text["*"] + '</div>'); 
      var box = readData.find('.infobox'); 

      flagURL = box.find('img').first().attr('src'); 

      $('#flag').append('<div><img src="'+ flagURL +'"/>') 
     } 
    }); 

проблема в том, что нацеливание на первый IMG иногда срабатывает, иногда нет. невозможно определить, является ли изображение флага 1-го/2-го/и т.д. для разных городских страниц. Я попытался связать .get ('Flag'), .contains ('Flag') и .match с регулярным выражением 'Flag' до конца flagURL, а также выбрать n-й дочерний элемент img и использовать jquery's: eq селектор, но ничего похожего на трюк. Я думаю, что регулярное выражение является единственной гарантией, но никогда не использовало регулярные выражения в jQuery.

Answer 1

вы можете использовать JQuery содержит селектор для этого

$("img[src*='Flag']") 

Так выше будет искать изображения whoes ЦСИ содержит флаг