时间戳

首页 > 解决方案 > 在 span 元素之间包装一个属性访问器

javascript - 在 span 元素之间包装一个属性访问器

问题描述

我正在尝试将包含属性访问器的连接字符串包装起来。那可能吗？最终，我试图让其他每一行都具有相同的颜色。

我尝试了多种将跨度包装在“”中的方法，而不包括属性访问器，因此它不会变成文本。前任。"<span>" + val.joke + "</span>"但它不起作用。

$(".knock").addClass("knock").html("<span> Knock Knock! </span>" + "<br>").show("fade", "fast").delay(2000).show(function() {

  $(".knock").append("Who's there?" + "<br>", html).show("fade", "slow").delay(2000).show(function() {

    $(".knock").append(val.joke + "<br>", html).show("fade", "fast").delay(2000).show(function() {

      $(".knock").append(val.joke + " who?" + "<br>", html).show("fade", "fast").delay(3000).show(function() {

        $(".knock").append("— " + val.punchline, html).show("fade", "fast");

使用它：$("span").css("color", "white");

第一行效果很好，但该区域内的第三行.append是我无法工作的行：

$(".knock").append(val.joke + "<br>", html).show("fade", "fast").delay(2000).show(function() {

更新：老实说，我不知道从哪里开始提取可以注册任何内容的片段，所以我发布了一个项目链接： https ://codepen.io/keepcoding/pen/dZprbj

上面的第一行从第 47 行的 JavaScript 页面开始。它是从 JSON 文件中提取的。有“你得到什么？” 笑话和“敲门”笑话。两种类型都有笑话和妙语。

“Val”代表所选笑话的 id。如果我把 "" 放在 val.joke 或 val.punchline 周围，比如 .html(" val.joke " + "
", html)，它会显示单词 "val.joke" 而不是拉出并显示笑话。我希望这是您正在寻找的内容，并感谢您的帮助。

标签： javascriptjqueryhtmlhookstring-concatenation

解决方案

推荐阅读