javascript - 将 <a> 插入由带有 javascript 或 jQuery 的插件生成的 div

Question

我正在使用一个插件为 WordPress 网站上的列表提供 IDX 数据。该插件使用 jQuery 查询数据库以获取它在页面上显示的信息。通过简单的样式，该插件不是很可定制，我想插入一个链接以保存到收藏夹

保存到收藏夹的链接可以通过查看这个页面找到:

http://angelandpatty.com/homes-for-sale-details/8635-La-Entrada-Avenue-Whittier-CA-90605/PW14217291/306/

所有的属性详细信息页面在页面顶部都有“保存到收藏夹”按钮。这是我在检查员那里发现的:

<a data-toggle="modal" data-target="#ihfsaveListing" class="btn btn-primary btn-detail-leadcapture save-listing-btn"> <span class="hidden-xs"> <i class="glyphicon glyphicon-heart fs-12"></i> Save To Favorites </span> <span class="visible-xs fs-12"> Save To<br>Favorites </span> </a>

我假设数据目标是导致按钮采取行动的原因。

我想要做的是找到一种方法将同一个按钮插入到属性 stub 中，也许带有不同的图标，如竖起大拇指或星号。

可以在这样的页面上查看属性 stub :

http://angelandpatty.com/homes-for-sale-in-friendly-hills/

我想找到一种方法将它插入到 #ihf-main-container .col-xs-9

之后

如果有什么方法可以用 Javascript 或 jQuery 做到这一点，我当然想知道。

感谢您的所有帮助。我试着寻找这样的情况，但很不走运

Answer 1

您是在寻找以下答案吗？

 var button = $('<a data-toggle="modal" data-target="#ihfsaveListing" class="btn btn-primary btn-detail-leadcapture save-listing-btn"> <span class="hidden-xs"> <i class="glyphicon glyphicon-heart fs-12"></i> Save To Favorites </span> <span class="visible-xs fs-12"> Save To<br>Favorites </span> </a>');

 $('#ihf-main-container .col-xs-9:first').after(button);

参见:http://api.jquery.com/after/

.after(content [, content ] ) Description: Insert content, specified by the parameter, after each element in the set of matched elements.

您可能需要根据需要初始化按钮。