javascript - 如何选择当前 DIV ID 以使用该 ID 运行 Jquery？

Question

我有这样的 HTML。

<div id="content"
     <div id="widget1">
       <script type='text/javascript'>
                jQuery("#widget(current)").selectme({
                Numpost:4,
                Stylepost:"papa",
                });
       </script>
     </div>
     <div id="widget89">
       <script type='text/javascript'>
                jQuery("#widget(current)").selectme({
                Numpost:7,
                Stylepost:"popo",
                });
       </script>
     </div>

     ..............
     <div id="widget(anyIndex)">.....</div>
 </div>

当我添加更多小部件时，小部件 ID 会发生变化。例如: widget89 设置为当前，但我不知道该小部件的索引(索引 = 89)，只需确定我正在其中输入 Javascript/Jquery 代码即可。当我添加新的小部件时，我将有新的索引，例如:widget105 或 widget200(anyindex)。

每当我添加更多内容以在内部运行 Jquery 时，如何捕获当前小部件。这意味着我们有同样的事情:

 <div id="widget1">
       <script type='text/javascript'>
                jQuery("#widget1").selectme({
                Numpost:4,
                Stylepost:"papa",
                });
       </script>
     </div>
     <div id="widget89">
       <script type='text/javascript'>
                jQuery("#widget89").selectme({
                Numpost:7,
                Stylepost:"popo",
                });
       </script>
     </div>

Answer 1

尝试使用attribute-start-with-selector就像，

jQuery( "[id^='widget']" ).selectme({

或者您可以为您的元素应用class，例如，

<div class="select-me-widget">.....</div>

并在jquery中使用，例如，

jQuery( ".select-me-widget" ).selectme({