选择特定的类并使用Jquery为其添加标题

时间:2018-05-25 09:31:34

标签: javascript jquery

我目前正在开发一个项目,我从csv中检索大量数据,我已将其转换为包含一百多个对象的数组。每个对象包含15个数据点,如下所示。

Data

我在下面做的是选择一个特定的类(.centrale-vak__key)并在数据文件中添加一个类,该类与[" CHILDoc中的项目"]中的项目相匹配。之后,它将相同项目中的文本[" CHILDoc中的项目"]添加到跨度中。



$.each(data1, function (index, item) {
      if (item["Kwadrant in CHILDoc"] == "Centrale vak") {
            $(".centrale-vak__key").append("<span class='item-childoc_" + item["Items in CHILDoc"].replace(/[^a-zA-Z0-9]/g,'') +"'>" + item["Items in CHILDoc"] + "</span>" + "<br>");
      }
})
&#13;
&#13;
&#13;

我想要做的是为每个创建的范围添加标题(数据文件中有几个&#34; Centrale vak&#34;项目)。为此,我想使用另一个数据变量(data2)。到目前为止我有这个片段。

&#13;
&#13;
        $.each(data2, function(index, item){
            if (item["Kwadrant in CHILDoc"] == "CHILDoc") {
                $(".item-childoc_ " + item["Items in CHILDoc"].replace(/[^a-zA-Z0-9]/g,''))
                    .attr("title", item["Items in CHILDoc"]);
            }
        })
&#13;
&#13;
&#13;

由于某种原因,类选择器不起作用。添加额外&#34;&#34;它周围也不起作用。有没有更简单的方法来解决这个问题?

1 个答案:

答案 0 :(得分:0)

试试这段代码:

  $.each(data2, function(index, item){
        if (item["Kwadrant in CHILDoc"] == "CHILDoc") {
            $(".centrale-vak__key").find(".item-childoc_ " + item["Items in CHILDoc"].replace(/[^a-zA-Z0- 
            9]/g,'')).first().prop("title", item["Items in CHILDoc"]);
        }
    })