Javascript 使用jQuery将HTML追加到表单元格中

这个问题快把我逼疯了。我有这个HTML：

<div class="matchup-container">
    <div class="gamequestion">
        <strong>Who will win?</strong>
    </div>
    <table class="mg-gametableQ">
        <tbody>
            <tr>
                <td class="mg-column1 start">
                    <div class="matchupDate">
                        <span class="startTime">11:00 AM</span>
                    </div>
                </td>
                <td class="mg-column3 opponents  ">
                    <span>
                        <strong>
                            <a href="link">Team</a>: Win
                        </strong>
                    </span>
                </td>
            </tr>
            <tr>
                <td class="mg-column1 start">
                    <div class="matchupDate">
                        <span class="startTime">11:00 AM</span>
                    </div>
                </td>
                <td class="mg-column3 opponents   otherthings">
                    <span>
                        <strong>
                            <a href="link">Team</a>: Win
                        </strong>
                    </span>
                </td>
            </tr>
        </tbody>
    </table>
</div>

---

但这不起作用。我知道这一定与HTML的荒谬嵌套有关，但我一辈子都搞不清楚。我尝试了很多不同的方法来找到这个班，但是运气不好。这是我的建议。有人能帮忙吗？

起初，JSFIDLE中没有包含jQuery库

第二：为什么不使用jQuery库来创建元素。-->少一点绒毛

这很有效

；（函数（$）{
$（函数（）{
$（'.matchup container'）。每个（函数（）{
$（'.mg-column3'，此）.each（函数（）{
警报（2）
$（this.append（“”+”追加文本“+”）；
});
});
});
}（jQuery））；

您已经尝试过这个方法，但实际上可能包括了jQuery库？您的问题和fiddle没有对齐，但是在fiddle上，添加jQuery库，并将

索引添加到外部
的参数中。each（）
循环，效果非常好：@gpgekko不，对不起，我使用了错误的fiddle链接，看again@aquemini如果你已经更新了你的小提琴，你需要更新它的链接，在问题的这里。@aquemini单击你问题中的链接，它仍然是我评论的内容。
$('.matchup-container').each(function() {
    $(this).find('.mg-column3').each(function () {
        var span = document.createElement("span");
        var text = document.createTextNode("APPENDED TEXT");
        span.appendChild(text); 
        $(this).append(span);
    });
});

;(function ($) {
    $(function () {
        $('.matchup-container').each(function () {
            $('.mg-column3', this).each(function () {
                alert(2)
                $(this).append('<span>' + "APPENDED TEXT" + '</span>');
            });
        });
    });
}(jQuery));