试图获取包含特定单词的 src 标签
trying to get a src tag containing specific word
我有一个 ajax 到维基百科的请求,我瞄准了信息框,以便为用户输入的城市获取和附加旗帜图像。这是电话:
$.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 有时有效,有时无效。不可能知道不同城市页面的旗帜图像是否是第一/第二/等等。我已经尝试将 .get('Flag')、.contains('Flag') 和 .match 与 'Flag' 正则表达式链接到 flagURL 的末尾,以及选择第 n 个 img child 并使用 jquery 的 :eq 选择器,但似乎无济于事。我认为正则表达式是唯一可靠的选择,但从未在 jQuery.
中使用过正则表达式
您可以使用 jquery 包含此选择器
$( "img[src*='Flag']" )
所以上面将搜索 src 包含标志的图像
我有一个 ajax 到维基百科的请求,我瞄准了信息框,以便为用户输入的城市获取和附加旗帜图像。这是电话:
$.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 有时有效,有时无效。不可能知道不同城市页面的旗帜图像是否是第一/第二/等等。我已经尝试将 .get('Flag')、.contains('Flag') 和 .match 与 'Flag' 正则表达式链接到 flagURL 的末尾,以及选择第 n 个 img child 并使用 jquery 的 :eq 选择器,但似乎无济于事。我认为正则表达式是唯一可靠的选择,但从未在 jQuery.
中使用过正则表达式您可以使用 jquery 包含此选择器
$( "img[src*='Flag']" )
所以上面将搜索 src 包含标志的图像