如何将HTML代码作为变量将HTML代码放在jQuery数组中，然后使用该VAR替换内容

Question

有一个带有链接列表的页面，需要更改右侧的信息。我在jQuery尝试了一些东西，但是我当然做错了。

html

<div class="left">
    <a name="top"></a>
    <div class="title">
        <a class="options" href="#top" data-value="0">
            Title
        </a>
    </div>
    <ul>
        <a class="options" href="#top" data-value="1"><li>Link 1</li></a>
        <a class="options" href="#top" data-value="2"><li>Link 2</li></a>
        <a class="options" href="#top" data-value="3"><li>Link 3</li></a>
    </ul>
</div>
<div class="right">
    <p>Default text</p>
</div>

jQuery

请注意，我必须将引号保留在内容中，还有另一种包含var的方法吗？我的原始var既有单引号。

var content = [
            "<p>Content 1</p>",
            "<p>"Content 2"</p>",
            "<p>Content 3</p>"
            ];
$(document).ready(function () {
    $('.options').click(function() {
        $('.right').html(content[$(this).data("value")]);
    });
});

如何将HTML代码（包括引号）放入变量？

Answer 1

var content = [
            "<p>Content 1</p>",
            "<p>Content 2</p>",
            "<p>Content 3</p>"
            ];

Answer 2

您的内容var需要数组项之间的逗号：

var content = [
            "<p>"Content 1"</p>",
            "<p>"Content 2"</p>",
            "<p>"Content 3"</p>"
            ];

以及您的数据值需要从0开始（不是1）。或者，您可以在JavaScript中考虑它，例如

$('.right').html(content[$(this).data("value")-1]);