通过获取 id 创建 append

Question

所以我试图拥有它，以便当我点击它时

<a class="tab" id="NAME">NAME</a>

在 id=gamecontent 中它会创建这个

<div id="NAME" class="tabcontent">
<h3>NAME</h3>
<embed src="games/NAME.swf" align="middle" height="570px" width="100%"/>
</div>

这就是我想出的

$('.tab').click(function() {
var x = $(this).getAttribute('id');
$('#gamecontent').append('<div id="' + x + '" class="tabcontent"><h3>' + x + '</h3><embed src="games/' + x + '.swf" align="middle" height="480px" display="block" width="100%"/></div>');
});

它看起来很简单，但某处的某些东西让它根本无法工作

Answer 1

正如评论所说，您使用了错误的方法来获取id属性。更正了该错误，我展示了使用 JQuery 创建元素的替代方法，而不是使用完整的字符串定义：

$('.tab').click(function()
{
    var x = $(this).attr('id');
    
    var div = $("<div>", {
        id: x,
        class: "tabcontent"
    });

    var h3 = $("<h3>").text(x);
    
    var embed = $("<embed>", {
        src: "games/" + x + ".swf",
        align: "middle",
        height: "480px",
        width: "100%",
        display: "block"
    });

    div.append([h3,embed]);
    $("#gamecontent").append(div);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a class="tab" id="NAME">NAME</a>
<hr>
<div id="gamecontent"></div>

您可以使用检查器工具检查附加内容的格式，点击后...

通过获取 id 创建 append

Create an append by getting id

jquery

append

getattribute