Question

我有以下代码，显示文本＆＃34;测试＆＃34;在图像上（借助一些CSS）。而不是＆＃34;测试＆＃34;我想在这里显示文件名。 .attr('alt', url)将显示所选文件的完整网址。我试图将url放在<span></span>内但没有成功。如何将变量url放在html中？如何删除完整的URL并保留文件名和扩展名？像删除所有内容直到最后/可能有用的东西？

   var img = jQuery( '<img><h3><span>Test</span></h3>' )
 .attr('src', "/img/video.png")
 .attr('alt', url)

这是完整的脚本：

function showVideoPreview(url) {
    var container = jQuery( '#background-video-preview' );
    container.empty();
    if (url) {
        var img = jQuery( '<img><h3><span>Test</span></h3>' )
            .attr('src', "/img/video.png")
            .attr('alt', url)
            .click(function(){
                jQuery('#background-video-button').click();
            });
        container.append(img);
        jQuery('#background-video-remove').show();
    } else {
        jQuery('#background-video-remove').hide();
    }
}

Answer 1

你可以使用模板字符串（`you text $ {variable}`）记得用（``）非常重要

function showVideoPreview(url) {
    var container = jQuery( '#background-video-preview' );
    container.empty();
    if (url) {
        var img = jQuery( `<img><h3><span>Test ${url}</span></h3>` )
            .attr('src', "/img/video.png")
            .attr('alt', url)
            .click(function(){
                jQuery('#background-video-button').click();
            });
        container.append(img);
        jQuery('#background-video-remove').show();
    } else {
        jQuery('#background-video-remove').hide();
    }
}

在html中输出一个jquery变量？

1 个答案: