想要向map()中的特定项目添加类或添加字体样式:斜体

bbBell

我正在使用papaParse将CSV转换为JSON。我要弄清楚的是,如果data.piece的data.type为“ Composition”,则如何仅使其变为斜体。

我的console.log可以工作,但是我还没有弄清楚如何正确实现所需的DOM操作。


      function init() {
        Papa.parse(public_spreadsheet_url, {
          download: true,
          header: true,
          complete: showInfo
        })
      }

      window.addEventListener('DOMContentLoaded', init)


      function showInfo(results) {
        var data = results.data

        let dataTypeComposition = (data.map(data=> {if (data.type == "Composition") {
        console.log(data.piece)
     }})) 

        let allData = (data.map(data => `<div class="past-performances"> <div class="datesAndLocations"> <p class="dates"> ${data.date}</p> <p class="locations"> ${data.location} </p></div> <div class="piecesAndDescripts"> <p class="pieces">${data.piece}</p> <p class="descriptions"> ${data.description} </p></div> <br></div>`))
    

    


      document.getElementById("list-container").innerHTML = allData.join(" ")
      } ```
扎克·安格(Zac Anger)

您可以在返回地图时附带条件。为了清楚起见,我添加了缩进,并删除了一些多余的括号。

function init() {
  Papa.parse(public_spreadsheet_url, {
    download: true,
    header: true,
    complete: showInfo
  })
}

window.addEventListener('DOMContentLoaded', init)


function showInfo(results) {
  const data = results.data

  const allData = data.map(data =>
    `<div class="past-performances">
      <div class="datesAndLocations">
        <p class="dates">${data.date}</p>
        <p class="locations">${data.location}</p>
      </div>
      <div class="piecesAndDescripts">
        <p class="pieces">
          ${data.type === 'Composition' ? `<i>${data.piece}</i>` : data.piece}
        </p>
        <p class="descriptions">${data.description}</p>
      </div>
      <br>
    </div>
  `)

  document.getElementById("list-container").innerHTML = allData.join(" ")
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在wpf中添加图标字体

来自分类Dev

想要向Format()字符串输出添加变量

来自分类Dev

在UIWebView中添加真棒字体

来自分类Dev

在列表中以特定间隔添加项目(Python)

来自分类Dev

添加CSS类作为样式

来自分类Dev

为字体真棒图标添加样式

来自分类Dev

我的应用程序在添加Aller字体家族的字体(如粗体,常规和斜体)时崩溃

来自分类Dev

在jQuery中具有特定类的所有元素中添加CSS样式

来自分类Dev

使用jQuery添加类后,将字体真棒图标字体用作输入中的占位符

来自分类Dev

检查元素样式并添加类

来自分类Dev

将字体添加到本地项目

来自分类Dev

在ios中添加json文件样式的Google Map

来自分类Dev

向Angular项目添加新字体

来自分类Dev

想要向模块添加功能

来自分类Dev

安装了启用ZFS的Ubuntu 20.04,想要向池中添加另一个SSD

来自分类Dev

需要向元素添加一个类

来自分类Dev

我的应用程序在添加Aller字体家族的字体(如粗体,常规和斜体)时崩溃

来自分类Dev

Archlinux如何从常规字体生成斜体样式

来自分类Dev

在CKEditor中添加字体

来自分类Dev

jQuery滑块想要向我的滑块添加箭头

来自分类Dev

在Kodi中添加字幕字体

来自分类Dev

检查元素样式并添加类

来自分类Dev

如何选择要向DataGridView中添加数据的列?

来自分类Dev

想要向自定义模板添加其他头文件

来自分类Dev

想要向广告插入插件添加其他功能(确定文章中的段落数)

来自分类Dev

在Telerik RadEditor中添加字体

来自分类Dev

将字体添加到本地项目

来自分类Dev

在 TCPDF 中添加新字体

来自分类Dev

无法从类中向字典添加项目

Related 相关文章

热门标签

归档