使用jquery获取<tag> </tag>的内容

Question

我对“未知”标签有疑问。我指的是HTML中未定义的标签。

请参阅以下块：

<div class='container'>
  <element definition>
</div>

然后使用jquery我想得到所有div的孩子的列表，然后提取他们的内容。为了实现这一点，我不知道我是否只有RegExp，或者有一些jQuery函数可以获得。

例如，定义将标记更改为set_tags_to_p()的函数<p>。

Answer 1

您可以使用p替换子元素，如下所示：

$('.container').children().replaceWith(function() {
    return '<p>' + $(this).html() + '</p>';
});

演示：http://jsfiddle.net/F73cS/

Answer 2

$('.container').find('*').each(function () {
    $(this).replaceWith('<p>' + $(this).html() + '</p>')
})

<强> jsFiddle example

Answer 3

你可以做这样的事情

var element, elementHtml, pTag;
element = $("element") // you can change the name
elementHtml = element.html();
pTag = $("<p>").html(elementHtml);

Answer 4

如果你知道要替换的标签的名称，你可以这样做：

<div class="container">
    <up>Test</up>
    <down>Test</down>
    <left>Test</left>
    <right>Test</right>
    <broken>Test</broken>
</div>

$(function(){
  $('.container').children("up, down").replaceWith(function() {
    return '<p>' + $(this).html() + '</p>';
  });      
});

http://jsfiddle.net/JqY5R/