我如何隱藏所有以相同單詞開頭的DIV，只有一個具有特定值的DIV

Question

假設我有以下DIV：

<div id="IDphoto1">photo1</div>
<div id="IDphoto2">photo2</div>
<div id="IDphoto3">photo3</div>
<div id="IDphoto4">photo4</div>
<div id="IDphoto5">photo5</div>

<scipt>
var IDphotoFromURL = getUrlParameter('IDphoto');

function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('&');
for (var i = 0; i < sURLVariables.length; i++) {
    var sParameterName = sURLVariables[i].split('=');
    if (sParameterName[0] == sParam) {
        return sParameterName[1];
    }
}
}
</script>

我如何隱藏ID開頭為IDphoto的所有DIV，但ID值為IDphotoFromURL的DIV除外？ 例如，如果IDphotoFromURL = IDphoto3，則所有DIV將被隱藏，除了ID = IDphoto3的那個...

Answer 1

您可以使用以選擇器開頭的 .not（） 屬性

var IDphotoFromURL = getUrlParameter('IDphoto');
$('div[id^="IDphoto"]:not(#' + IDphotoFromURL + ')').hide();

Answer 2

您可以為此使用filter() ：

$('[id^="IDphoto"]').filter(function() {
    return this.id != "IDphoto" + IDphotoFromURL;
}).hide();