通过href属性定位父元素并使用jquery添加内容

Question

这是我目前的html：

<div>
    <a href="http://example.com">example.com</a>
</div>

我需要添加一个新div作为此结构的最后一个元素。这就是我想要实现的目标：

<div>
    <a href="http://example.com">example.com</a>
</div>

<div>
    added element
</div>

我需要通过href属性来定位它。这是我尝试过的但它不起作用：

jQuery('a[href$="http://example.com"]').parent().append('<div>added element</div>');

Answer 1

您已经离我很近了，但这会将div 追加到中包含锚点的div。

您希望使用div而不是after在append 旁边添加 ：

jQuery('a[href$="http://example.com"]').parent().after('<div>added element</div>');
// ----------------------------------------------^

直播示例：

＆＃13;

＆＃13;

jQuery('a[href$="http://example.com"]').parent().after('<div>added element</div>');

＆＃13;

<div>
    <a href="http://example.com">example.com</a>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

＆＃13;

＆＃13;

＆＃13;