多个<data-tag =“1”>可能吗?像<data-tag =“1”,“2”,=“”“3”,=“”“4”=“”>

时间:2015-10-11 16:07:39

标签: php jquery

我为游戏制作了一个精心制作的过滤器,当他们只有一个或两个或三个零件作为配方时,我不会向参观者展示他们错过的食谱。

http://daego.bplaced.net/filter.php

复选框示例:

  <div class="filterblock">
    <input id="check1" type="checkbox" name="check" value="MetalBracket" class="category">
    <label for="check1">Metal Bracket</label>
  </div>

结果他选择了什么:

  <div class="searchresults">
    <div class="resultblock" data-tag="MetalBracket">
      <div class="desc">
        <div class="desc_text">
        <a href = "http://daego.bplaced.net/Furnace.php"><b><i>Furnace</i></b></a><br>
        </div>
    </div>
  </div>

那么我可以写什么来添加更多数据标签? 像这样:

data-tag="MetalBracket, ScrapMetal"

1 个答案:

答案 0 :(得分:2)

您可以将其编写为javascript数组:

<div id="tags" data-tags='["javascript","jquery","css"]'></div>

并在您的javascript中:

var tags = $('#tags').data('tags');
console.log(tags);
$('#tags').append('<p>This works: ' + tags[0] + '</p>');
$('#tags').append('<p>This works: ' + tags[1] + '</p>');
$('#tags').append('<p>This works: ' + tags[2] + '</p>');

您的代码正常工作here