修改和扩展一个有效的 jquery 脚本

Question

我有这个工作脚本：

<script>

jQuery( document ).ready(function() {

    console.log( "ready!" );

var hideUrl=[

'https://www.gustotosto.it/shop/boni/',

'https://www.gustotosto.it/shop/agropic/',

];

if(hideUrl.indexOf(window.location.href)>=0){

    jQuery('.title-shop').hide();

}

});

</script>

现在我想修改它，因为它只是隐藏了 var 中列出的 url 的“.title-shop”；如果 url 包含 var hideUrl，我想扩展它并隐藏“.title-shop”，包括子页面。我这样修改了它，但它不起作用。怎么了？有人可以帮助我吗？

<script>

jQuery( document ).ready(function() {

    console.log( "ready!" );

var hideUrl=[

'https://www.gustotosto.it/shop/boni/',

'https://www.gustotosto.it/shop/agropic/',

];

if (window.location.href.indexOf("hideUrl") > -1){

    jQuery('.title-shop').hide();

}

});

</script>

Answer 1

您的代码中有两个问题。首先hideUrl是一个变量名，所以你不应该用引号引起来。这样做意味着它被视为字符串文字。其次，您需要遍历hideUrl数组中的所有项目并单独比较它们。尝试这个：jQuery($ => {&nbsp; var hideUrls = [&nbsp; &nbsp; 'https://www.gustotosto.it/shop/boni/',&nbsp; &nbsp; 'https://www.gustotosto.it/shop/agropic/'&nbsp; ];&nbsp; hideUrls.forEach(url => {&nbsp; &nbsp; if (window.location.href.indexOf(url) > -1) {&nbsp; &nbsp; &nbsp; $('.title-shop').hide();&nbsp; &nbsp; }&nbsp; });});