在html BR之后添加元素/段落?

时间:2014-04-24 23:07:15

标签: jquery html

晚上好!

我在网站上设置几个页面时遇到了一些问题。我遇到的问题是,在页面上提取和显示的信息没有包含真正的样式,但只包含<brs>,最终导致我的内容变得非常难看!

我正在寻找一种方法,我可以在某个文字之前插入一个BR元素后的段落标记。然后还在一些文本之后添加一个结束段落标记,在下面的BR标记之前。 - 因此将我的休息之间的文本放入段落中以允许进一步的样式。

我已经放弃了一个例子:http://jsfiddle.net/fish_r/9efc8/ - 在这里,我开始尝试

    $( "#property-info p br" ).before( "<p>" );

但这只会在我的BR周围添加一段段落标签,而不是在我的文字周围。

我无法控制信息输出到页面上的方式来手动完成。

2 个答案:

答案 0 :(得分:0)

请尝试以下代码部分。你可以设置p标签。

$( "#property-info p br" ).each(function( index ) {
  //console.log( index + ": " + $( this ).text() );
    $(this).before('<p>');
});

http://jsfiddle.net/9efc8/2/

答案 1 :(得分:0)

D'哦,.contents()文档正是我想要的!

$( "#property-info p" )
.contents()
.filter(function() {
return this.nodeType === 3;
})
.wrap( "<p></p>" )
.end()
.filter( "br" )
.remove();

完美地完成了这项工作,删除了我的休息时间并将每个节点包装成P标签:)