Javascript 将html元素插入到具有多个类的其他html元素中

我正在开发一个web应用程序，该应用程序包含以下元素：

<div id="flip" class="container">
        <div class="f-page f-cover" id="cover">
            <div class="cover-elements">
                <div class="f-cover-story">
                    <span>Life Events</span>Photo Album
                </div>
            </div>
            <div class="f-cover-flip">&lt; swipe</div>
        </div>

        <div class="f-page f-cover-back">
            <div id="codrops-ad-wrapper">
                <a href="index.jsp" >Back to bookshelf</a>
            </div>
        </div>
    </div>

其中result_html是我的字符串，它加载了我要添加的html元素

及

在第一个例子中，我试图用我想放在旁边的div的id添加它，第二个例子是我引用的类

尽管在jquery中使用div的类，但在我的例子中，我的div有两个类名

---

我怎样才能解决这个问题？目前没有在f-page f-cover分区旁边插入任何内容。

在您的帖子中，您首先忘记了

$（result\u html）的第二个点。insertAfter（“.f-page f-cover”）

接下来，即使您添加此点（如
$（result\u html）.insertAfter（“.f-page.f-cover”）；
），您也将访问类为“f-page”的元素中的类为“f-cover”的元素。但这不是你需要的

这就是你需要的-

$(result_html).insertAfter( ".f-page.f-cover" );

如果要选择具有多个类的元素，则不能在这些类之间使用空格。这将选择父级子级

这将在两个类的元素之后插入：

$(result_html).insertAfter( ".f-page.f-cover" );

这将在id为的元素之后插入：

$(result_html).insertAfter( "#cover" );

两者都很好：

$(result_html).insertAfter( ".f-page f-cover" );

$(result_html).insertAfter( ".f-page.f-cover" );

$(result_html).insertAfter( ".f-page.f-cover" );

$(result_html).insertAfter( "#cover" );