在span元素之间包装属性访问器

Question

我正在尝试在其中包装包含属性访问器的串联字符串。那可能吗？最终，我试图使其他所有线都具有相同的颜色。

我尝试了多种方式将跨度包装在“”中，但不包括属性访问器，因此它不会成为文本。例如$(".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() { 区域中的第三行是我无法工作的地方：

function isPrime(n){
	if (isNaN(n) || !isFinite(n) || n%1 || n<2) {
		return false;
	}

	if (n%2==0){
		return (n==2);
	}

	var sqrt = Math.sqrt(n);
	for (var i = 3; i < sqrt; i+=2) {
		if(n%i == 0){
			return false;
		}
	}
	
	return true;
}

更新：老实说，我不知道从哪里开始提取将注册任何内容的代码段，因此我要发布一个指向该项目的链接： https://codepen.io/keepcoding/pen/dZprbj

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

“ Val”代表所选笑话的ID。如果我在.html（“ val.joke” +“
”，html）之类的val.joke或val.punchline周围加上“”，它会显示单词“ val.joke”，而不是拉出并显示玩笑。我希望这是您想要的，感谢您的帮助。