Javascript 如何使选项卡在基于URL的jquery中处于活动状态

这里我用的是tab很好，我想做一些额外的更改，在我的页脚我有4个链接，如果我点击这个链接意味着URL应该是这样的ouroffice.php？cityname=chennai，现在我想做的是根据cityname我想做的是，tab是活动的，我试过了，但我不能使tab是活动的，怎么做

//var cityname=； var cityname=hydrabad； 如果cityname==钦奈{ $nv_li.tabs{ 现行：1 }; }如果cityname==hydrabad，则为else{ $nv_li.tabs{ 现行：2 }; }

---

我希望如此。它会帮助你的

只需在文档上使用window.location.search并运行function，即可将活动类设置为适当的li元素，如下所示：

// Search parameter extractor
function getSearchParam(searchKey) {
  var params = window.location.search.replace('?', '').split('&');
  var searchParam = null;
  var keyValue;

  for (var i = 0, len = params.length; i < len; i++) {
    keyValue = params[i].split('=');

    if (keyValue[0] === searchKey) {
        searchParam = keyValue[1];
        break;
    }
  }

  return searchParam;
}

// Function to set active city class
function setActiveCity(cityName) {
    var link = document.querySelector('a[data-toggle="tab"][href="#' + cityName + '"]');
    var content = document.getElementById(cityName);


  if (link) {
    link.parentNode.classList.add('active');
  }

  if (content) {
    content.classList.add('in', 'active');
  }
}

var city = getSearchParam('cityname');

if (city) {
  setActiveCity(city);
}

---

onclick事件添加活动类并删除其余的活动类对我来说无需基于url的onclick函数我想使选项卡处于活动状态，假设url提交如ouroffice.php？cityname=chennai这意味着我想使第二个选项卡处于活动状态，假设我们的office.php？cityname=hydrabad意味着我想让第三个选项卡像下面这样处于活动状态：Hai，Pramod Kharade，你是否理解我的问题？//var cityname=；var cityname=hydrabad；如果cityname==chennai{$'nv_li link'.removeClassactive；$this.addClassactive；}如果cityname==hydrabad{$'nv_li link'.removeClassactive；$this.addClassactive；}Pramod Kharade@我试过你的代码没有任何事情发生，你能用小提琴回答吗@Dart我用过你的代码，但它工作不正常，假设url ouroffice.php？cityname=chennai comming，这意味着chennai标签处于活动状态，但在第一个选项卡内容中默认显示的正文内容未处于活动状态

// Search parameter extractor
function getSearchParam(searchKey) {
  var params = window.location.search.replace('?', '').split('&');
  var searchParam = null;
  var keyValue;

  for (var i = 0, len = params.length; i < len; i++) {
    keyValue = params[i].split('=');

    if (keyValue[0] === searchKey) {
        searchParam = keyValue[1];
        break;
    }
  }

  return searchParam;
}

// Function to set active city class
function setActiveCity(cityName) {
    var link = document.querySelector('a[data-toggle="tab"][href="#' + cityName + '"]');
    var content = document.getElementById(cityName);


  if (link) {
    link.parentNode.classList.add('active');
  }

  if (content) {
    content.classList.add('in', 'active');
  }
}

var city = getSearchParam('cityname');

if (city) {
  setActiveCity(city);
}