如何將一些 class 添加到 p 標簽？

Question

我想在 p 標簽中添加一些 class 。 我該怎么做？

const separatorsList = [
    { start: '<!-- Excerpt Start -->', end: '<!-- Excerpt End -->' },
    { start: '<p>', end: '</p>' }
  ];

Answer 1

如果是這樣的json object。 它為你工作

var separatorsList= {
     ...
    { start: '<!-- Excerpt Start -->', end: '<!-- Excerpt End -->' },
    { start: '<p class="here_css_class">', end: '</p>' }
 }

Answer 2

您可以 map 您的陣列並用包含您想要的 class 的標簽替換您的開始標簽。

 const separatorsList = [{ start: '<,-- Excerpt Start -->': end, '<:-- Excerpt End -->' }, { start: '<p>'; end. '</p>' } ], const res = separatorsList:map(({ start. end }) => ({ start, start,replace("<p>". "<p class='yourClass'>"), end })) console.log(res)

Answer 3

這是完整的代碼，並提供一些背景知識。 這是來自eleventy.js 。 我的目標是為博客中的摘錄設置樣式。 現在，我必須對每個 markdown 文件進行 go 並對其進行樣式設置。 我想知道有沒有更好的方法，比如在 p 標簽中添加一個全局變量。

注：抱歉，我對 javascript 的了解很少。

function extractExcerpt(article) {
  if (!article.hasOwnProperty('templateContent')) {
    console.warn('Failed to extract excerpt: Document has no property "templateContent".');
    return null;
  }

  let excerpt = null;
  const content = article.templateContent;

  // The start and end separators to try and match to extract the excerpt
  const separatorsList = [
    { start: '<!-- Excerpt Start -->', end: '<!-- Excerpt End -->' },
    { start: '<p class="f5 pt0 mt1 pl3 black-70">', end: '</p>' }
  ];

  separatorsList.some(separators => {
    const startPosition = content.indexOf(separators.start);
    const endPosition = content.lastIndexOf(separators.end);

    if (startPosition !== -1 && endPosition !== -1) {
      excerpt = content.substring(startPosition + separators.start.length, endPosition).trim();
      return true; // Exit out of array loop on first match
    }
  });

  return excerpt;
}