Ajax返回结果中，获取指定元素过滤问题，请看代码

[qq_24043807]

$(function(){
$("#bbb").click(function(){
$.ajax({
type: 'post',
dataType: 'html',
url: 'xxxxx指定网址123.html', 
cache: false, 
async: true, 
success: function(data){
var $data = $(data) //文档转化为jquery对象
var div = $data.find("[href$='.jpg']"); 
$("#ceshi").append(div);
} 
}) 
})
})

获取得返回结果代码如下

<a target="_blank" href="http//xxxxxxxxxxx.html?http//xxxxxxxx.jpg">
<img class="picact" border="0" alt="图片alt" src="http//xxxxxxxx.jpg"></a>

我要获取其中的href="http//xxxxxxxxxxxaaa.html?http//xxxxxxxxbbb.jpg"里的真实地址http//xxxxxxxxbbbb.jpg怎么筛选过滤啊？这里并没有ID或class。
获取后我需要在#ceshi里追加<img src=http//xxxxxxxxbbbb.jpg>把图片显示出来

[天际的海浪]

var div = $data.find("[href$='.jpg'] img"); 这样就只添加img了

[qq_24043807]

引用 1 楼 jslang 的回复:

var div = $data.find("[href$='.jpg'] img"); 这样就只添加img了

谢谢，现在又有新的问题，不知大佬能否在帮忙看看吗？谢谢 为什么遍历输出只有一条数值

$("#result").each(function(){
var href=$("a[href*='.shtml?http'").attr("href").replace(/^.*\.shtml\?(.*)$/i,"$1");
console.log(href);遍历后输出为什么只有一条？

返回结果是有4条的。 以下是代码

$.ajax({
type: 'post',
dataType: 'html',
url: 'http//', 
async: true, 
success: function(data){
var $data = $(data) 
var target_div = $data.find("p [href]"); 
$("#result").append(target_div);
$("[href]").addClass("intro");
$("#result").each(function(){
var href=$("a[href*='.shtml?http'").attr("href").replace(/^.*\.shtml\?(.*)$/i,"$1");
console.log(href);
})

[Go 旅城通票]

attr只返回第一个对象的href属性，返回多个用map

$("a[href*='.shtml?http'").map(functon(){
return this.href.replace(/^.*\.shtml\?(.*)$/i,"$1");
}).get().join('')

Web开发学习资料推荐
ajax对象属性withCredentials
通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名

[qq_24043807]

引用 3 楼 showbo 的回复:

attr只返回第一个对象的href属性，返回多个用map

$("a[href*='.shtml?http'").map(functon(){
return this.href.replace(/^.*\.shtml\?(.*)$/i,"$1");
}).get().join('')

谢谢，学习了