Question

我有一堆这样的段落：

<p class="text-box"><input name=""/></p>
<p class="text-box"><input name=""/></p>
<p class="text-box"><input name=""/></p>
<p class="text-box"><input name=""/></p>
<p class="text-box"><input name=""/></p>
...
<p class="text-box"><input name=""/></p>

我想使用jQuery

在每个<p></p>中插入一个链接

结果应该是这样的：

<p class="text-box"><input name=""/><a href='#' class='remove-box'>Remove</a></p>
<p class="text-box"><input name=""/><a href='#' class='remove-box'>Remove</a></p>
<p class="text-box"><input name=""/><a href='#' class='remove-box'>Remove</a></p>
<p class="text-box"><input name=""/><a href='#' class='remove-box'>Remove</a></p>
.....
<p class="text-box"><input name=""/><a href='#' class='remove-box'>Remove</a></p>

P.S。

到目前为止我已经完成了这个：

var html = $("<a href='#' class='remove-box'>Remove</a>");

$('p.text-box:last').after(html);

也许我没有解释它是正确的：链接应插入每个<p></p>

Answer 1

您可以使用追加功能：

$('.text-box').append("<a href='#' class='remove-box'>Remove</a>");

Fiddle

Answer 2

 $( "<a href='#' class='remove-box'>Remove</a>" ).insertAfter( ".text-box input" );


 $( ".text-box" ).append( $( ".text-box" ) );

这只是两个解决方案

Answer 3

$('p.text-box').find('input').after('<a href="#" class="remove-box">Remove</a>');

演示：

http://jsfiddle.net/Y7ULu/2/

Answer 4

您可以使用：

$("p:last").append("<a href='#' class='remove-box'>Remove</a>");

查找上一个p元素并附加a元素。

fiddle

Answer 5

阅读append函数http://api.jquery.com/append/

启动了html：

 <h2>Greetings</h2>
    <div class="container">
    <div class="inner">Hello</div>
    <div class="inner">Goodbye</div>
    </div>

js代码：

 $( ".inner" ).append( "<p>Test</p>" );

结果：

<h2>Greetings</h2>
<div class="container">
<div class="inner">
Hello
<p>Test</p>
</div>
<div class="inner">
Goodbye
<p>Test</p>
</div>
</div>

您的解决方案：http://jsfiddle.net/j8nc2/

Answer 6

以下是您的需求：

var html = "<a href='#' class='remove-box'>Remove</a>";
$('p.text-box').append(html);

DEMO

Answer 7

如果我理解你正确：你想在每个 p

的末尾追加一个链接

var $linkElement = $('<a>', {
    href: '#',
    class: 'remove-box'
});
$('p').append( $linkElement );

请在询问前阅读文档：http://api.jquery.com/category/manipulation/dom-insertion-inside/：

将参数指定的内容插入每个元素的末尾在匹配元素集合中。

Answer 8

这很简单，试试这个：

$('p.text-box').append("<a href='#' class='remove-box'>Remove</a>");

小提琴是here.

jquery在每个段落的末尾添加链接

8 个答案: