如何动态查找HTML文档的主要内容DIV

Question

我开始构建一个jQuery插件，它需要在HTML文档中动态查找主要内容DIV ID / CLASS，所以我可以随心所欲地操作它。

f.e：

<div id="wrapper">

   <div id="main">I need to find this DIV.</div>

   <div id="sidebar"></div>

</div>

请记住，id =“main”可以获得完全不同的值，例如“main-wrapper”或“mainDiv”或任何Web开发人员使用的... 我需要的逻辑是什么？

Answer 1

正如我在评论中所说，这样做的方法是指示插件的用户向他们想要影响的元素添加一个类：

<section id='My-Favorite-Section' class='fastrd-plugin-main'>
  ...
</section>

然后你的插件可以使用“ready”处理程序来查找“.fastrd-plugin-main”（或者你想要使用的任何东西）。

(function($) {
  $.fn.fastrdPlugin = function() {
    // ...
  };

  $(function() {
    $('.fastrd-plugin-main').fastrdPlugin();
  });
})(jQuery);

任何试图“找到”任意页面的正确元素的尝试注定成功率最低。