使用jquery修改某些页面上的css

Question

我需要使用Jquery修改某些以一组文件名结尾的特定页面上的div。因此，例如，如果页面以文件名dispform.aspx结尾，我希望jquery在页面加载时删除特定的div。

这是如何实现的？

Answer 1

  

因此，例如，如果页面以文件名dispform.aspx结尾，我想要   jquery在加载页面时删除特定的div。

从window.location.href中查找文件名并执行以下操作：

if (window.location.href.indexOf('dispform') > 0) {
  $('#divID').remove();
}

您需要将该代码放在$.ready处理程序中。

Answer 2

使用可以使用当前网址：

$(location).attr('href');

之后，您可以使用jQuery删除div：

$("#myDivId").remove();

Answer 3

if (/dispform.aspx$/.test(document.location.toString())) {
 // code to remove element
}

Answer 4

有可能。您可以从Javascript，jQuery获取当前文件名。请查看此帖子How to pull the file name from a url using javascript/jquery?

Answer 5

如果你想确保即使有查询参数或哈希标记也能正常工作，那么你可以这样做：

$(document).ready(function() {
    if (window.location.pathname.match(/\/dispform.aspx$/) {
        $("#targetDiv").hide();
    }
});

显然，你会用自己的id代替#targetDiv。