Javascript 如何通过php编写的jQuery调用Incimental id

最近我为Wordpress制作了一个插件。这是一个快速响应的标签短代码插件。短代码运行良好，但当我在同一页面中创建多个标签时，它就不起作用了。我发现了这个问题，问题是当我使用快捷码使用多个选项卡时，选项卡div的id一个接一个地递增，就像我的选项卡div的id是id=“horizantal-tab-1”当我使用另一个shortocde时，它变成id=“horizantal-tab-2”这个系统还可以，但我在Jquery和javascript方面太弱了，在Jquery中，选项卡只适用于id=“horizantal-tab-1。我也不能在Jquery中证明id。 这是我的php代码，不是完整的代码

$wrapInc = 1;
function gs_tabs_shortcode($atts, $content= null){
    global $wrapInc;
    $GLOBALS['tab_count'] = 0;


    do_shortcode( $content );


    if ( is_array( $GLOBALS['tabs'] ) ) {


        foreach ($GLOBALS['tabs'] as $tab ) {
            $tabs[]= '<li> <i class="fa fa-'.$tab['icon'].' fa-lg "></i>  '.$tab['title'].'  </li>';
            $tabcontent[]= '<div><p> '.$tab['content'].' </p></div>';
        }

        $return = '<div id="horizontalTab-'.$wrapInc.'">';
        $return .= '<ul class="resp-tabs-list">'.implode( "\n", $tabs ).'</ul>';

        $return .= '<div class="resp-tabs-container">'.implode("\n", $tabcontent).'</div>';
        $return .= '</div>';
        $wrapInc++;

    }
    return $return;

}
add_shortcode('gs_tabs', 'gs_tabs_shortcode'); 

---

问题是这里的

$（“#horizontalTab-1”）

我按id调用事件，因此它需要一个增量id。

您可以使用属性选择器选择id以

horizontalTab-

开头的元素

$('[id^="horizontalTab-"]').easyResponsiveTabs({...});

---

您可以使用属性选择器选择ID以

horizontalTab-

$('[id^="horizontalTab-"]').easyResponsiveTabs({...});