我如何隐藏所有以相同单词开头的DIV，只有一个具有特定值的DIV

Question

Let's say I have the following DIVs:

<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>

How can I hide all the DIVs which id start with the word IDphoto except for the DIV which ID has the value of IDphotoFromURL? For instance if IDphotoFromURL= IDphoto3 then all DIVs will be hidden except the one with id = IDphoto3 ...

Answer 1

You can use the attribute starts with selector, with .not()

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

Answer 2

You could use filter() for this:

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