Question

家伙。我在视频投资组合网站上工作。这是一个视频包装器，下面有缩略图。单击缩略图时，它会使用vimeo嵌入来填充主视频帧。这很好用。但是对于每个视频，需要额外的信息。我已经获得了用户点击缩略图时显示的信息，但我无法将信息呈现为html。它只呈现为文本。这就是我用vimeo填充主视频帧的原因：

function show(link) {
    document.getElementById("show").innerHTML = '<iframe src="' + link.href + '" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
    return false; 
}

这就是我用来填充info div的内容：

$('a').on('click', function(e) {
    $('#divresult').html($(this).text());
    e.preventDefault();
});

here is the test link.

我是一个jquery newb，任何帮助都将不胜感激。

Answer 1

.text()为您提供纯文本，.html()为您提供htmlstring。

但是，在.html()上使用$(this)也会复制缩略图。所以你需要操纵信息。

您可以使用clone()，

$('a').on('click', function(e) {
    var $info = $(this).clone()
    $info.find('img').remove();
    $('#divresult').html($info.html());
    e.preventDefault();
});

Answer 2

您正在使用.text()来提取信息。这将使你获得纯文本，而不是HTML。

更改

$('#divresult').html( $(this).text() );

要

$('#divresult').html( $(this).html() );

从http://api.jquery.com/text - .text()将......

获取匹配元素集合中每个元素的组合文本内容，包括它们的后代，或者设置匹配元素的文本内容。

用渲染的html填充div与外部div的内容？

2 个答案: