1

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

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

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

我也想避免使用 iframe。

谢谢。

4

2 回答 2

1

您可以检查元素if (jQuery('#element').html() !== null)。

在这种情况下，我正在查看#elementdom 中是否存在。如果它返回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
于 2012-08-29T09:40:14.240 回答
1

你可以做这样的事情

在 jQuery 中 

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

之后，$('selector')您可以使用$div('selector').

于 2012-08-29T09:43:11.813 回答