使用 jQuery 获取<tag>

Question

我有一个关于"未知"标签的问题。我的意思是未在HTML中定义的标签。

请参阅以下块：

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

然后使用 jquery 我想获取所有div 子项的列表，然后提取它们的内容。为了实现这一点，我不知道我是否只有正则表达式要做，或者有一些jQuery函数要获取。

例如，定义一个将标签更改为<p>的函数set_tags_to_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>')
})

js小提琴示例

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/