如何将<p>标签文本赋值给其父div的data-item自定义属性

直接遍历目标div节点，提取内部p标签文本赋值给对应data-item属性即可，两种常用写法如下：

• 原生JavaScript（无第三方依赖）

// 选中所有目标父级div
const sectionItems = document.querySelectorAll('.content_section_item');
sectionItems.forEach(item => {
  // 提取当前div下p标签的内部文本
  const pContent = item.querySelector('p').textContent;
  // 将文本写入当前div的data-item属性
  item.dataset.item = pContent;
});

• jQuery写法（项目已引入jQuery时可使用）

$('.content_section_item').each(function() {
  const pContent = $(this).find('p').text();
  $(this).attr('data-item', pContent);
});

小提示：如果提取的p标签文本首尾可能存在多余空白字符，可以在textContent/text()后调用.trim()方法去除首尾空白。

内容的提问来源于stack exchange，提问作者lisandro