如何选择当前的DIV ID以使用该ID运行Jquery?

时间:2013-11-01 06:40:01

标签: javascript jquery html

我有像这样的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>

1 个答案:

答案 0 :(得分:2)

尝试使用attribute-start-with-selector之类的,

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

或者您可以为您的class申请element

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

并在jquery中使用,

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