jQuery next() - 选择器

Question

我有几组 javascript 代码和它们下面的 div：

     <script type='text/javascript'>
                    jQuery(document).ready(function(){
                        jQuery(".display").something({
                        /*myfunction*/
                        });
                    });
                </script>

        <div class="display"></div>  

     <script type='text/javascript'>
                    jQuery(document).ready(function(){
                        jQuery(".display").something({
                        /*myfunction*/
                        });
                    });
                </script>

        <div class="display"></div>      

(...)

有没有办法在精确的 JS 之后仅选择 .display div？我一直在考虑 next() 但很难附加到 document.ready ;)

Answer 1

您应该为每个

提供一个 id 并以这种方式附加处理程序。

Javascript 并不真正关心你在 HTML 中编写它的位置。将所有 Javascript 放入脚本文件中，并通过 className/id 引用 DOM 元素。

Answer 2

只需给每个 DIV 一个唯一的 id，然后在选择器中使用该 id 即可。

Answer 3

您可以为脚本标记指定一个唯一的 id 并调用 next()：

<script id="script-tag-1">
jQuery(function() {
  var node = $('#script-tag-1').next('.display');
});
</script>
<div><!-- content --></div>

jsFiddle: http://jsfiddle.net/SYgEX/< /a>

Answer 4

一切都是动态生成的（这就是为什么我问如何更改我的 JS 代码，而不接触 DOM！）。

无论如何，我已经找到了最好的方法。

<?php $id = rand(); ?>

 <script type='text/javascript'>
                    jQuery(document).ready(function(){
                        jQuery(".display-"<?php echo $id;?>").something({
                        /*myfunction*/
                        });
                    });
                </script>

        <div class="display-<?php echo $id;?>"></div>  

并不完美，但至少可以工作（并且可能会损坏，但可能性非常低）。