将Javascript/Jquery隔离到一个元素

使用更少的CSS，我可以将整个样式表限制为作用于特定的div元素。我想将整个javascript文件限制为页面上的特定div元素

例如，在页面头部引导的js文件具有操作DOM中的表元素的代码。它完成了它的工作，但也完成了页面上的所有表元素，而不是我想要的特定元素。现在实际的解决方案是将所有相应的jquery选择器更改为更具体的标识符。我知道。但是代码堆积如山，这是不可行的

有没有办法将javascript/jquery代码限制为特定的div

我也希望避免使用iframe

---

谢谢。

如果（jQuery（“#element”）.html（）！==null），您可以检查元素

在本例中，我将查看dom中是否存在
#元素。如果它返回
true
我将通过ajax加载我的插件

if (jQuery('#element').html() !== null) {
    jQuery.ajax({
        url: '../assets/js/plugins/myplugin.js',
        type: 'GET',
        dataType: 'script',
        cache: true,
        success: function(data, textStatus, xhr) {
            // Do whatever you want
        }
    });
}

但是如果您有多个类似的元素，那么如果不更改选择器，您就无法具体说明。也许您可以处理元素的索引（在DOM中的位置）

$("div:eq(2)") //get third div




你可以这样做

在jQuery中

var $div = function(sel) {
  $(sel, YOUR_DIV);
}

之后，您可以使用
$div（'selector'）
而不是使用
$div（'selector'）