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 示例

Answer 2

使用 jQuery，$('div.circle p')用作您的选择器，并parent()通过.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：

这是一个工作示例。