jquery - 如何创建临时 div 并删除除第一个图像 jquery 之外的所有内容

Question

我正在尝试使用 jquery mobile 为我的网页开发移动应用程序。无论主题是什么，我都以 json 格式获取内容 我想用 jquery 创建临时 div，当我放置从 JSON 提要中获取的描述值时，我只想从该 div 获取第一个图像标签并将其输出项目标题。这是我的:

   function artikujt(data)
{
    console.log(data.query.results.item[0]);
    var path = data.query.results; //vendodhja e array-it me artikuj
    var output = '<ul data-role="listview" data-inset="true">';
    var id = '';
    var temp = '';
    $.each (path.item,function(key,val){
        id_temp= val.guid.content.replace(/[^0-9 ]/g, '');
        //id=val.guid.content.replace('^\d');
        id= id_temp.substring(0,4);
        var tempDiv = '<div id="tempDiv"' + val.description + '</div>';
        temp = $('#tempDiv').find('img:first');
        output+='<li>';
        output+='<a href="#blogpost" onclick="showPost('+ id +')">';
        output+='<p>' + temp + '</p>';
        output+='<h3 style="word-wrap:break-word;">'+ val.title +'</h3>';
        output+='<p>ID: ' + id + '</p>';
        output+='</a>';
        output+='</li>';
        //console.log(val.title);
    });
    output+='</ul>';
    $('#shfaqLajmet').html(output);

}

我想从那个 val.description 中删除除描述中的第一个图像标签之外的所有内容。通过这些代码，我只得到了[object Object]消息

编辑:

我的HTML:这是我显示结果的 div:

<div data-role="content" id="shfaqLajmet"> 
     <!-- Lajmet ne faqen kryesore -->
 </div>
<script src='https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20feed%20where%20url%3D%22http%3A%2F%2Ffeeds.feedburner.com%2Fradio-pendimi%2FVpZJ%22&format=json&diagnostics=true&callback=artikujt'></script>

Answer 1

你不能使用 $('#tempDiv') 因为那个 ID 的 div 还没有被添加到 DOM 中(它甚至还不是一个元素，所以 jQuery 永远不会找到它)。

现在，如果 val.description 是 HTML，您可以将它包装在一个 jQuery 对象中(以实际创建 DOM 元素)，然后然后使用 .find() 拉出图片部分:

var tempDiv = $('<div id="tempDiv">' + val.description + '</div>');
temp = tempDiv.find("img:first");
...
output += '<p>' + $('<div>').append(temp).html() + '</p>';

此外，您有一个错字:

var tempDiv = '<div id="tempDiv"' + val.description + '</div>';
                                ^ no closing angle bracket