为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕容森 2022-08-04 16:01:07
我有一个脚本,可以在我网站的每个页面上执行。我仍然希望它在有问题的页面上执行,但只是忽略一个部分。例如:<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>
查看完整描述

3 回答

?
冉冉说

TA贡献1877条经验 获得超1个赞

在我看来,最好的方法,就是在选择器中使用不


$('p:not(.js-ignore)') // ignore the section by class "js-ignore"

  .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() {

  if(!$(this).parents('script-ignore').length){

    $(this).css('background','blue')

  }

});

<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'); // select


for( i=0; i< p.length; i++ ){

  if(p[i].parentElement.localName !== 'script-ignore'){

    // whatever your code is

    p[i].style.background = 'red'

    p[i].style.color = '#fff'

  }

}

<p>process with javascript</p>

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

<p>process with javascript</p>


查看完整回答
反对 回复 2022-08-04
?
慕码人2483693

TA贡献1860条经验 获得超9个赞

<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标签


查看完整回答
反对 回复 2022-08-04
?
ibeautiful

TA贡献1993条经验 获得超5个赞

尝试在使用 JavaScript 的 p 标记中放置一个类名 class=“useJS”。

然后将脚本仅指向 .useJS 类。


查看完整回答
反对 回复 2022-08-04
  • 3 回答
  • 0 关注
  • 225 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信