Javascript 将多个数据属性保存到单个变量-如果存在某个CSS类

我陷入困境，需要一些帮助来完成我想要完成的任务：

单击按钮时，数据属性“timebox”中的所有数据将保存到单个变量中。保存数据时，我还想为每次保存添加一个“/”作为分隔符

此外，不带“突出显示”类别的td应被忽略

<td class="available highlighted" data-timebox="1 1 26-05-2016 8:0"></td> 
<td class="available highlighted" data-timebox="1 1 26-05-2016 8:15"></td> 
<td class="available" data-timebox="1 1 26-05-2016 11:30"></td> 
<td class="available" data-timebox="1 1 26-05-2016 11:45"></td> 
<td class="available" data-timebox="1 1 26-05-2016 12:0"></td>

有人知道如何在jQuery中实现这一点吗？

---

任何帮助都将不胜感激

我认为这个解决方案非常简单。在单击按钮时，只需抓取高亮显示的类中也具有data timebox属性的所有元素，将这些值附加到数组中，然后使用您想要的任何分隔符连接数组

$(function () {
  $("button").on("click", function () {
    var data = [];
    $(".highlighted[data-timebox]").each(function (index, elem){
      data.push($(this).attr("data-timebox"));
    });
    data = data.join("/");
    console.log(data);
  });
});

---

这太棒了！谢谢你花时间在这上面。