javascript - Jquery:在 var 中查找元素并更改文本

Question

以下表达式无效:(既不与 .text())

$(file.previewElement).find('[data-dz-name]').html(file.name);

File.previewElement 是一个变量 = $(".preview-template").html();

对于 $(file.previewElement).find('[data-dz-name]')，调试器输出:

Object { 0: <span>, length: 1, prevObject: Object, context: undefined, selector: "[data-dz-name]" }

这是关于以下代码:

<div class="preview-template" style="display: none;">
<div class="body content ig">
    <div class="dz-preview dz-file-preview">
        <h2 class="dz-filename">File: <span data-dz-name></span></h2>

        <img class="dz-thumb" data-dz-thumbnail />
        <div class="dz-progress"></div>
                <div class="dz-error-message"><span data-dz-errormessage></span></div>
                Details:
                <div class="dz-size" data-dz-size></div>


        <div class="dz-success-mark"><span>✔</span></div>
        <div class="dz-error-mark"><span>✘</span></div>

    </div>
</div>
</div>

Answer 1

您将整个 HTML 内容用作选择器，这是无效的。如果您希望变量成为选择器，请将变量更改为 $(".preview-template")，删除末尾的 .html()。

---

要将 file.previewElement 作为 HTML 元素的单独实例变量，您可以使用(正如您已经发现的那样)$.parseHTML() .这将为您提供一组可以使用 jQuery 操作的节点:

file.previewElement = $.parseHTML($(".preview-template").html());