当前位置 : 主页 > 网页制作 > JQuery >

jQuery – 插入的锚标签无法正确包装

来源:互联网 收集:自由互联 发布时间:2021-06-15
我有以下jQuery片段: $(elementId).prevAll().appendTo(prevDiv); 它的工作原理但问题是prevAll()函数选择的所有元素都被附加到prevDiv div而它们之间没有空格.这意味着此div的内容(锚标记的集合)不会
我有以下jQuery片段:

$(elementId).prevAll().appendTo(prevDiv);

它的工作原理但问题是prevAll()函数选择的所有元素都被附加到prevDiv div而它们之间没有空格.这意味着此div的内容(锚标记的集合)不会包装到多行.

如何在每个元素的每个集合项或强制换行后添加空格?

编辑:根据要求,这里有一些HTML来说明问题:

<div style="width:200px; overflow:hidden; border:2px"><a style="padding:5px;"  href="http://www.domain.com/" id="p-1">1</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-2">2</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-3">3</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-4">4</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-5">5</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-6">6</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-7">7</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-8">8</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-9">9</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-10">10</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-11">11</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-12">12</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-13">13</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-14">14</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-15">15</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-16">16</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-17">17</a><a style="padding:5px;"  href="http://www.domain.com/" id="p-18">18</a></div>
我会将它们全部更改为块级元素.

$(elementId).prevAll().css( { display: 'block' } ).appendTo(prevDiv);

或者如果你真的需要附加一些文字.

$(elementId).prevAll()
            .appendTo(prevDiv)
            .after( " " );
网友评论