Javascript 在一个页面上多次使用WordPress短代码时的唯一ID？

我目前正在编写一个WordPress短代码，其中包含一些jquery。为了让jquery正常工作，我需要使用一个具有唯一ID的div。如果短代码使用一次，它就可以正常工作，但是如果他们在一个页面上多次使用短代码，就会破坏javascript

所以，我想知道是否有某种方法可以在每次调用短代码时使用唯一的ID？或者，如果短代码在一个页面上被多次使用，是否可以使用其他ID

假设我有shortcode函数

function my_shortcode() { 
 $my_shortcode='<div id="demo">My content</div>'; 
 return $my_shortcode;
} //end function 

在以下参数中，您是短代码的id：

[gallery id="123" size="medium"]

在以下参数中，您是短代码的id：

[gallery id="123" size="medium"]

---

可以使用静态变量

static $i = 1;
$i++;

并将其用作ID的一部分

return "<div id='shortcode-div-{$i}'></div>";

---

可以使用静态变量

static $i = 1;
$i++;

并将其用作ID的一部分

return "<div id='shortcode-div-{$i}'></div>";

---

我建议使用UUID

在我的项目中，我生成它并将其附加到$atts元素

这可以很容易地附加到数据属性，例如

return echo '
  <div data-group-uuid="' . $atts['uuid'] . '">
    I'm a container with a unique ID
  </div>
';

---

我建议使用UUID

在我的项目中，我生成它并将其附加到$atts元素

这可以很容易地附加到数据属性，例如

return echo '
  <div data-group-uuid="' . $atts['uuid'] . '">
    I'm a container with a unique ID
  </div>
';

---

需要身份证吗？你可以用一个类。演示代替。是的，你的解决方案会奏效。但是自动播放对于其他ID可能是错误的。@diggy是否需要ID？你可以用一个类。演示代替。是的，你的解决方案会奏效。但是自动播放对于其他ID可能是错误的。@diggy