javascript - 使用 jQuery 将 ID 更改为段落中的文本并将空格替换为下划线

Question

我想获取我的 p 标签中的文本，并使 p 标签成为该 ID 的父级 (div)。我还想为 p 标记中的任何空格添加一个 _。

例子:

<div class="circle"><p>Apple</p></div>
<div class="circle"><p>Banana</p></div>
<div class="circle"><p>Carrot Juice</p></div>

到

<div id="Apple" class="circle"><p>Apple</p></div>
<div id="Banana" class="circle"><p>Banana</p></div>
<div id="Carrot_Juice" class="circle"><p>Carrot Juice</p></div>

Answer 1

$('div.circle p').each(function() {
    $(this).parent('div').attr('id', $(this).text().replace(/ /g,'_'));
});​

jsFiddle example