javascript - jQueryでIDを段落内のテキストに変更し、スペースをアンダースコアに置き換えます

Question

タグに含まれるテキストを取得pし、そのpタグの親 ( div) をその ID にしたいと考えています。タグ_内のスペースにもa を追加したいと思います。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 の例

Answer 2

jQuery では$('div.circle p')、セレクターとして使用し、parent()を介してその id 属性を設定します.attr()。

$('div.circle p').each(function() {
  // For each <p>, get the parent and set id attribute
  // to the value of the <p>'s text() (via $(this))
  // after replacing spaces with _
  $(this).parent().attr('id', $(this).text().replace(' ', '_'));
  // Edit: for global replacement, use a global regexp /\s/g
  $(this).parent().attr('id', $(this).text().replace(/\s/g, '_'));
});

jsfiddle:

これが実際の例です。