jQuery,只附加元素的一部分而不丢失其内容(可能与克隆?)

时间:2015-01-18 16:07:02

标签: javascript jquery append clone target

我首先要说的是,我对自己的网络开发能力并不过分自信,而且我完全有可能解决这个问题,但无论如何都要这样做。

我希望能够支持元素的一小部分(打开链接的目标),因为我不知道它的内容是什么。

出于演示的目的,我使用下面的内容来附加我从搜索请求中获得的所有结果。



$("#results").append("<div><a href='http://en.wikipedia.org/wiki/" + encodeURIComponent(item.title) + "'>" + item.title + "</a> : " + item.snippet + "</div>");  
&#13;
&#13;
&#13;

我希望能够做的是在用户点击其中一个链接时进一步附加这些结果,此目标将成为当前不存在的网页中的新标签第一个.append(也用jQuery实现)

我以为我可以尝试使用.clone来获取div的内容,删除html(最后只是链接),然后将其用作另一个的输入.append

我是以错误的方式解决这个问题吗?我担心当用户点击链接时尝试更改链接的HTML会导致问题。

非常感谢任何建议!

感谢您的时间

1 个答案:

答案 0 :(得分:0)

我不确定你是否需要克隆div元素。您可以通过为链接附加点击处理程序来实现您想要的目标:

$('#results').append('div>[ your code from above ]</div>')
    .find('a')
    .bind('click', function(e) {
        e.preventDefault();

        var a = $(this);
        var url = a.attr('href'); // here is the url

        // call some other function    
});

如果我错过了你想在这里做的事,我很抱歉。但希望这对你有帮助。