有没有可能让javascript忽略我的html的特定部分

Question

我有一个脚本，可以在我网站的每个页面上执行。我仍然希望它在有问题的页面上执行，但只是忽略一个部分。

例如：

<p>process with javascript</p>

<p>skip, have javascript function ignore</p>

<p>process with javascript</p>

如果有内联标签或我正在寻找的东西。例如：

<p>process with javascript</p>

<script-ignore><p>skip, have javascript function ignore</p></script-ignore>

<p>process with javascript</p>

Answer 1

在我看来，最好的方法，就是在选择器中使用不$('p:not(.js-ignore)') // ignore the section by class "js-ignore"&nbsp; .css('background','blue') //whatever your code dose<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script><p>process with javascript</p><p class='js-ignore'>skip, have javascript function ignore</p><p>process with javascript</p>通过你的方式，我相信你可以做这样的事情：$( "p" ).each(function() {&nbsp; if(!$(this).parents('script-ignore').length){&nbsp; &nbsp; $(this).css('background','blue')&nbsp; }});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script><p>process with javascript</p><script-ignore><p>skip, have javascript function ignore</p></script-ignore><p>process with javascript</p>更新 1我意识到你没有提到“jquery”，所以这是纯香草JS：var p = document.querySelectorAll('p'); // selectfor( i=0; i< p.length; i++ ){&nbsp; if(p[i].parentElement.localName !== 'script-ignore'){&nbsp; &nbsp; // whatever your code is&nbsp; &nbsp; p[i].style.background = 'red'&nbsp; &nbsp; p[i].style.color = '#fff'&nbsp; }}<p>process with javascript</p><script-ignore><p>skip, have javascript function ignore</p></script-ignore><p>process with javascript</p>

Answer 2

<p>process with javascript</p><p class="dontIncludeJavascriptCall">skip, have javascript function ignore</p><p>process with javascript</p>var ps = document.querySelectorAll("p:not(.dontIncludeJavascriptCall)");console.log(ps);这只会给你2个没有该类的P标签

Answer 3

尝试在使用 JavaScript 的 p 标记中放置一个类名 class=“useJS”。然后将脚本仅指向 .useJS 类。