Finding a match against a comma separated attribute with querySelectorAll
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
0
Is there a simple way to achieve this or do I need to think of some looping approach:
I have some HTML like:
<div tags="class, school, work">...</div>
And I want to obtain all divs with one (or more) of those tags. I know I can a full match i.e.
document.querySelectorAll('[tags="class, school, work"]');
However can I search for just the one?
document.querySelectorAll('[tags="school"]');
Thanks.
javascript html
asked Nov 17 '18 at 1:11
userMod2userMod2
1,55831950
add a comment |
0
Is there a simple way to achieve this or do I need to think of some looping approach:
I have some HTML like:
<div tags="class, school, work">...</div>
And I want to obtain all divs with one (or more) of those tags. I know I can a full match i.e.
document.querySelectorAll('[tags="class, school, work"]');
However can I search for just the one?
document.querySelectorAll('[tags="school"]');
Thanks.
javascript html
asked Nov 17 '18 at 1:11
userMod2userMod2
1,55831950
add a comment |
0
0
0
Is there a simple way to achieve this or do I need to think of some looping approach:
I have some HTML like:
<div tags="class, school, work">...</div>
And I want to obtain all divs with one (or more) of those tags. I know I can a full match i.e.
document.querySelectorAll('[tags="class, school, work"]');
However can I search for just the one?
document.querySelectorAll('[tags="school"]');
Thanks.
javascript html
asked Nov 17 '18 at 1:11
userMod2userMod2
1,55831950
Is there a simple way to achieve this or do I need to think of some looping approach:
I have some HTML like:
<div tags="class, school, work">...</div>
And I want to obtain all divs with one (or more) of those tags. I know I can a full match i.e.
document.querySelectorAll('[tags="class, school, work"]');
However can I search for just the one?
document.querySelectorAll('[tags="school"]');
Thanks.
javascript html
javascript html
asked Nov 17 '18 at 1:11
userMod2userMod2
1,55831950
asked Nov 17 '18 at 1:11
userMod2userMod2
1,55831950
asked Nov 17 '18 at 1:11
userMod2userMod2
1,55831950
asked Nov 17 '18 at 1:11
userMod2userMod2
1,55831950
asked Nov 17 '18 at 1:11
userMod2userMod2
1,55831950
1,55831950
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
2
An alternative is using this selector [tags*="school"]
The [attribute*=value] selector matches every element whose attribute value containing a specified value
console.log(document.querySelector('[tags*="school"]').textContent);<div tags="class, school, work">...</div>answered Nov 17 '18 at 1:14
EleEle
25.5k52251
Thanks - however - does that work with a comma list does it i.e.document.querySelector('[tags*="school, school"]')Tried but couldn't get it
– userMod2
Nov 17 '18 at 1:19
@userMod2 why do you think that should work?
– Ele
Nov 17 '18 at 1:20
was checking - but re-read your answercontaining a specified valueso I guess not
– userMod2
Nov 17 '18 at 1:24
document.querySelector('[tags*="school"],[tags*="work"]')seems to work - look valid to you?
– userMod2
Nov 17 '18 at 1:26
1
Depending on what you mean, if you want to select the element if it has both school and some other value like class you could doquerySelector('[tags*="school"][tags*="class"]')if you want more than one element with either school or class then you would have the comma inbetween the two likequerySelectorAll('[tags*="school"],[tags*="class"]')
– Patrick Evans
Nov 17 '18 at 1:27
|
show 1 more comment
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53347291%2ffinding-a-match-against-a-comma-separated-attribute-with-queryselectorall%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
2
An alternative is using this selector [tags*="school"]
The [attribute*=value] selector matches every element whose attribute value containing a specified value
console.log(document.querySelector('[tags*="school"]').textContent);<div tags="class, school, work">...</div>answered Nov 17 '18 at 1:14
EleEle
25.5k52251
Thanks - however - does that work with a comma list does it i.e.document.querySelector('[tags*="school, school"]')Tried but couldn't get it
– userMod2
Nov 17 '18 at 1:19
@userMod2 why do you think that should work?
– Ele
Nov 17 '18 at 1:20
was checking - but re-read your answercontaining a specified valueso I guess not
– userMod2
Nov 17 '18 at 1:24
document.querySelector('[tags*="school"],[tags*="work"]')seems to work - look valid to you?
– userMod2
Nov 17 '18 at 1:26
1
Depending on what you mean, if you want to select the element if it has both school and some other value like class you could doquerySelector('[tags*="school"][tags*="class"]')if you want more than one element with either school or class then you would have the comma inbetween the two likequerySelectorAll('[tags*="school"],[tags*="class"]')
– Patrick Evans
Nov 17 '18 at 1:27
|
show 1 more comment
2
An alternative is using this selector [tags*="school"]
The [attribute*=value] selector matches every element whose attribute value containing a specified value
console.log(document.querySelector('[tags*="school"]').textContent);<div tags="class, school, work">...</div>answered Nov 17 '18 at 1:14
EleEle
25.5k52251
Thanks - however - does that work with a comma list does it i.e.document.querySelector('[tags*="school, school"]')Tried but couldn't get it
– userMod2
Nov 17 '18 at 1:19
@userMod2 why do you think that should work?
– Ele
Nov 17 '18 at 1:20
was checking - but re-read your answercontaining a specified valueso I guess not
– userMod2
Nov 17 '18 at 1:24
document.querySelector('[tags*="school"],[tags*="work"]')seems to work - look valid to you?
– userMod2
Nov 17 '18 at 1:26
1
Depending on what you mean, if you want to select the element if it has both school and some other value like class you could doquerySelector('[tags*="school"][tags*="class"]')if you want more than one element with either school or class then you would have the comma inbetween the two likequerySelectorAll('[tags*="school"],[tags*="class"]')
– Patrick Evans
Nov 17 '18 at 1:27
|
show 1 more comment
2
2
2
An alternative is using this selector [tags*="school"]
The [attribute*=value] selector matches every element whose attribute value containing a specified value
console.log(document.querySelector('[tags*="school"]').textContent);<div tags="class, school, work">...</div>answered Nov 17 '18 at 1:14
EleEle
25.5k52251
An alternative is using this selector [tags*="school"]
The [attribute*=value] selector matches every element whose attribute value containing a specified value
console.log(document.querySelector('[tags*="school"]').textContent);<div tags="class, school, work">...</div>console.log(document.querySelector('[tags*="school"]').textContent);<div tags="class, school, work">...</div>console.log(document.querySelector('[tags*="school"]').textContent);<div tags="class, school, work">...</div>answered Nov 17 '18 at 1:14
EleEle
25.5k52251
answered Nov 17 '18 at 1:14
EleEle
25.5k52251
answered Nov 17 '18 at 1:14
EleEle
25.5k52251
answered Nov 17 '18 at 1:14
EleEle
25.5k52251
25.5k52251
Thanks - however - does that work with a comma list does it i.e.document.querySelector('[tags*="school, school"]')Tried but couldn't get it
– userMod2
Nov 17 '18 at 1:19
@userMod2 why do you think that should work?
– Ele
Nov 17 '18 at 1:20
was checking - but re-read your answercontaining a specified valueso I guess not
– userMod2
Nov 17 '18 at 1:24
document.querySelector('[tags*="school"],[tags*="work"]')seems to work - look valid to you?
– userMod2
Nov 17 '18 at 1:26
1
Depending on what you mean, if you want to select the element if it has both school and some other value like class you could doquerySelector('[tags*="school"][tags*="class"]')if you want more than one element with either school or class then you would have the comma inbetween the two likequerySelectorAll('[tags*="school"],[tags*="class"]')
– Patrick Evans
Nov 17 '18 at 1:27
|
show 1 more comment
Thanks - however - does that work with a comma list does it i.e.document.querySelector('[tags*="school, school"]')Tried but couldn't get it
– userMod2
Nov 17 '18 at 1:19
@userMod2 why do you think that should work?
– Ele
Nov 17 '18 at 1:20
was checking - but re-read your answercontaining a specified valueso I guess not
– userMod2
Nov 17 '18 at 1:24
document.querySelector('[tags*="school"],[tags*="work"]')seems to work - look valid to you?
– userMod2
Nov 17 '18 at 1:26
1
Depending on what you mean, if you want to select the element if it has both school and some other value like class you could doquerySelector('[tags*="school"][tags*="class"]')if you want more than one element with either school or class then you would have the comma inbetween the two likequerySelectorAll('[tags*="school"],[tags*="class"]')
– Patrick Evans
Nov 17 '18 at 1:27
Thanks - however - does that work with a comma list does it i.e.
document.querySelector('[tags*="school, school"]') Tried but couldn't get it– userMod2
Nov 17 '18 at 1:19
Thanks - however - does that work with a comma list does it i.e.
document.querySelector('[tags*="school, school"]') Tried but couldn't get it– userMod2
Nov 17 '18 at 1:19
@userMod2 why do you think that should work?
– Ele
Nov 17 '18 at 1:20
@userMod2 why do you think that should work?
– Ele
Nov 17 '18 at 1:20
was checking - but re-read your answer
containing a specified value so I guess not– userMod2
Nov 17 '18 at 1:24
was checking - but re-read your answer
containing a specified value so I guess not– userMod2
Nov 17 '18 at 1:24
document.querySelector('[tags*="school"],[tags*="work"]') seems to work - look valid to you?– userMod2
Nov 17 '18 at 1:26
document.querySelector('[tags*="school"],[tags*="work"]') seems to work - look valid to you?– userMod2
Nov 17 '18 at 1:26
1
1
Depending on what you mean, if you want to select the element if it has both school and some other value like class you could do
querySelector('[tags*="school"][tags*="class"]') if you want more than one element with either school or class then you would have the comma inbetween the two like querySelectorAll('[tags*="school"],[tags*="class"]')– Patrick Evans
Nov 17 '18 at 1:27
Depending on what you mean, if you want to select the element if it has both school and some other value like class you could do
querySelector('[tags*="school"][tags*="class"]') if you want more than one element with either school or class then you would have the comma inbetween the two like querySelectorAll('[tags*="school"],[tags*="class"]')– Patrick Evans
Nov 17 '18 at 1:27
|
show 1 more comment
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53347291%2ffinding-a-match-against-a-comma-separated-attribute-with-queryselectorall%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
