Php 需要将属性传递到google图表javascript

我正在使用WordPress，所以我检查了这是否是一个典型的WordPress问题，但这是一个常见的php和jQuery问题

我有一段代码，用不同的数据执行了12次。我必须用jQuery收集这些数据，并将其传递给另一个小部件，只有当我单击一个小部件时，它才会显示出来。另一个小部件必须显示单击的小部件的数据，并显示谷歌图表。故意显示和谷歌图表的事情没有问题，我唯一的问题是传递数据。我尝试了很多东西，但我对jQuery还不熟悉，目前肯定缺乏技能，所以我希望你们能帮助我。我简化了代码，向您展示了示例和结构

将执行12次的代码：

<a href="javascript:void(0);" class="span1 <?php echo $color .' '. $styleName; ?>">
    <div class="box_top">
        <div class="icon"></div>
        <div class="title"><h2><?php echo $title; ?></h2></div>
    </div>
    <div class="box_middle">
        <?php echo $currentValue; ?>
    </div>
    <div class="box_bottom">
        <div class="lastweek">
            <p>Last week:</p>
        </div>
        <div class="number">
            <?php echo $prevValue; ?>
        </div>
    </div>
</a>

此小部件与其他小部件之间的唯一区别是，类span1中的小部件是span5

---

长话短说：我需要收集变量的数据，这样我就可以将它们传递给另一个小部件，有人能帮我做这件事还是把我推向正确的方向？

你可以直接从html中选择值，但使用起来更好

HTML

---

非常感谢您的快速回复！它为我完成了任务，我添加了一个id，这样我就可以为每个小部件标记它们。谢谢欢迎是的，使用ID而不是类总是更好。

<a href="javascript:void(0);" data-current="<?php echo $currentValue; ?>" data-prev="<?php echo $prevValue; ?>" data-title="<?php echo $title; ?>" class="span1 <?php echo $color .' '. $styleName; ?>">
    <div class="box_top">
        <div class="icon"></div>
        <div class="title"><h2><?php echo $title; ?></h2></div>
    </div>
    <div class="box_middle">
        <?php echo $currentValue; ?>
    </div>
    <div class="box_bottom">
        <div class="lastweek">
            <p>Last week:</p>
        </div>
        <div class="number">
            <?php echo $prevValue; ?>
        </div>
    </div>
</a>

$('body').on('click','.span1',function(){
    var title=$(this).data('title');
    var cur=$(this).data('current');
    var prev=$(this).data('prev');

    alert(title+': '+prev+' - '+cur);
});