jQuery：从URL获取值以添加类

我是一个初学者，所以请温柔一点，我发现了一个脚本，可以从URL中提取信息，例如，我的URL如下所示：

http://www.website.com/page/pagename?circle=yes&border=no

我努力实现的目标是： 如果“圆”等于“是”，则添加类

请参阅下面我的代码：

$(document).ready(function () {

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
    sURLVariables = sPageURL.split('&'),
    sParameterName,
    i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

var circle = getUrlParameter('circle');
var border = getUrlParameter('border');

if($(circle == 'yes')) {
        $(".testDiv").addClass("circ")
    } else { 
        $(".testDiv").removeClass("circ")
    };

   if($(border == 'yes')) {
        $(".testDiv").addClass("bdr")
    } else { 
        $(".testDiv").removeClass("bdr")
    };

});

---

谢谢

在你的if条件下可能是打字错误，删除那边的$

    if(circle == 'yes') {
        $(".testDiv").addClass("circ");
    } else { 
        $(".testDiv").removeClass("circ");
    }

    if(border == 'yes') {
        $(".testDiv").addClass("bdr");
    } else { 
        $(".testDiv").removeClass("bdr");
    }

---

在你的if条件下可能是一个打字错误，在那里删除$

    if(circle == 'yes') {
        $(".testDiv").addClass("circ");
    } else { 
        $(".testDiv").removeClass("circ");
    }

    if(border == 'yes') {
        $(".testDiv").addClass("bdr");
    } else { 
        $(".testDiv").removeClass("bdr");
    }

---

因此，一个直接的问题是if语句没有正确的语法

if($(circle == 'yes')) // what you have
if(circle === 'yes') // what you should have

但是，您可以通过使用

toggleClass（）

来简化此过程

---

因此，一个直接的问题是if语句没有正确的语法

if($(circle == 'yes')) // what you have
if(circle === 'yes') // what you should have

但是，您可以通过使用

toggleClass（）

来简化此过程

---

完美的流线型版本效果很好，也感谢其他伟大的答案，如此接近但如此遥远：）完美的流线型版本效果很好，也感谢其他伟大的答案，如此接近但如此遥远：）