Why can't I get .uniqueId() to work with all elements of same class
-3
I have a list of <a class="anchor"></a> elements. Why can't I get uniqueId() to work on them? Here is what I have:
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
$(".anchor").each(function() {
$(this).uniqueId();
});
I have also tried:
this.uniqueId();
Thanks in advance.
javascript jquery jquery-ui
edited Nov 28 '18 at 19:55
Rory McCrossan
249k29217254
asked Nov 28 '18 at 19:51
DerekDerek
11
add a comment |
-3
I have a list of <a class="anchor"></a> elements. Why can't I get uniqueId() to work on them? Here is what I have:
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
$(".anchor").each(function() {
$(this).uniqueId();
});
I have also tried:
this.uniqueId();
Thanks in advance.
javascript jquery jquery-ui
edited Nov 28 '18 at 19:55
Rory McCrossan
249k29217254
asked Nov 28 '18 at 19:51
DerekDerek
11
1
uniqueId()is a jQueryUI method, so have you included the jQueryUI library as well as jQuery itself? Check the console for errors. Although I'd suggest that if you structure your HTML properly you don't need to auto-generate anidat all.
– Rory McCrossan
Nov 28 '18 at 19:54
I tested it out with JQuery UI. It works fine.
– zfrisch
Nov 28 '18 at 19:54
jsfiddle.net/ys36qp5a
– zfrisch
Nov 28 '18 at 19:55
@zfrisch taking that a step further, you don't needeach(): jsfiddle.net/RoryMcCrossan/g95aebxz
– Rory McCrossan
Nov 28 '18 at 19:56
@RoryMcCrossan You're right, but it's straight from OP. Just wanted to show that it worked. :)
– zfrisch
Nov 28 '18 at 19:57
add a comment |
-3
-3
-3
I have a list of <a class="anchor"></a> elements. Why can't I get uniqueId() to work on them? Here is what I have:
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
$(".anchor").each(function() {
$(this).uniqueId();
});
I have also tried:
this.uniqueId();
Thanks in advance.
javascript jquery jquery-ui
edited Nov 28 '18 at 19:55
Rory McCrossan
249k29217254
asked Nov 28 '18 at 19:51
DerekDerek
11
I have a list of <a class="anchor"></a> elements. Why can't I get uniqueId() to work on them? Here is what I have:
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
$(".anchor").each(function() {
$(this).uniqueId();
});
I have also tried:
this.uniqueId();
Thanks in advance.
javascript jquery jquery-ui
javascript jquery jquery-ui
edited Nov 28 '18 at 19:55
Rory McCrossan
249k29217254
asked Nov 28 '18 at 19:51
DerekDerek
11
edited Nov 28 '18 at 19:55
Rory McCrossan
249k29217254
asked Nov 28 '18 at 19:51
DerekDerek
11
edited Nov 28 '18 at 19:55
Rory McCrossan
249k29217254
edited Nov 28 '18 at 19:55
Rory McCrossan
249k29217254
edited Nov 28 '18 at 19:55
Rory McCrossan
249k29217254
249k29217254
asked Nov 28 '18 at 19:51
DerekDerek
11
asked Nov 28 '18 at 19:51
DerekDerek
11
asked Nov 28 '18 at 19:51
DerekDerek
11
11
1
uniqueId()is a jQueryUI method, so have you included the jQueryUI library as well as jQuery itself? Check the console for errors. Although I'd suggest that if you structure your HTML properly you don't need to auto-generate anidat all.
– Rory McCrossan
Nov 28 '18 at 19:54
I tested it out with JQuery UI. It works fine.
– zfrisch
Nov 28 '18 at 19:54
jsfiddle.net/ys36qp5a
– zfrisch
Nov 28 '18 at 19:55
@zfrisch taking that a step further, you don't needeach(): jsfiddle.net/RoryMcCrossan/g95aebxz
– Rory McCrossan
Nov 28 '18 at 19:56
@RoryMcCrossan You're right, but it's straight from OP. Just wanted to show that it worked. :)
– zfrisch
Nov 28 '18 at 19:57
add a comment |
1
uniqueId()is a jQueryUI method, so have you included the jQueryUI library as well as jQuery itself? Check the console for errors. Although I'd suggest that if you structure your HTML properly you don't need to auto-generate anidat all.
– Rory McCrossan
Nov 28 '18 at 19:54
I tested it out with JQuery UI. It works fine.
– zfrisch
Nov 28 '18 at 19:54
jsfiddle.net/ys36qp5a
– zfrisch
Nov 28 '18 at 19:55
@zfrisch taking that a step further, you don't needeach(): jsfiddle.net/RoryMcCrossan/g95aebxz
– Rory McCrossan
Nov 28 '18 at 19:56
@RoryMcCrossan You're right, but it's straight from OP. Just wanted to show that it worked. :)
– zfrisch
Nov 28 '18 at 19:57
1
1
uniqueId() is a jQueryUI method, so have you included the jQueryUI library as well as jQuery itself? Check the console for errors. Although I'd suggest that if you structure your HTML properly you don't need to auto-generate an id at all.– Rory McCrossan
Nov 28 '18 at 19:54
uniqueId() is a jQueryUI method, so have you included the jQueryUI library as well as jQuery itself? Check the console for errors. Although I'd suggest that if you structure your HTML properly you don't need to auto-generate an id at all.– Rory McCrossan
Nov 28 '18 at 19:54
I tested it out with JQuery UI. It works fine.
– zfrisch
Nov 28 '18 at 19:54
I tested it out with JQuery UI. It works fine.
– zfrisch
Nov 28 '18 at 19:54
jsfiddle.net/ys36qp5a
– zfrisch
Nov 28 '18 at 19:55
jsfiddle.net/ys36qp5a
– zfrisch
Nov 28 '18 at 19:55
@zfrisch taking that a step further, you don't need
each(): jsfiddle.net/RoryMcCrossan/g95aebxz– Rory McCrossan
Nov 28 '18 at 19:56
@zfrisch taking that a step further, you don't need
each(): jsfiddle.net/RoryMcCrossan/g95aebxz– Rory McCrossan
Nov 28 '18 at 19:56
@RoryMcCrossan You're right, but it's straight from OP. Just wanted to show that it worked. :)
– zfrisch
Nov 28 '18 at 19:57
@RoryMcCrossan You're right, but it's straight from OP. Just wanted to show that it worked. :)
– zfrisch
Nov 28 '18 at 19:57
add a comment |
1 Answer
1
active
oldest
votes
1
Simply use:
$('.anchor').uniqueId();
Demo:
$('.anchor').uniqueId();
$('.anchor').each(function() {
console.log($(this).attr('id'));
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>However, your code should lead to the same result. As mentioned in the comments, make sure you have included both jQuery and jQuery UI's libraries.
answered Nov 28 '18 at 19:57
JetoJeto
6,93421222
add a 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%2f53527077%2fwhy-cant-i-get-uniqueid-to-work-with-all-elements-of-same-class%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
1
Simply use:
$('.anchor').uniqueId();
Demo:
$('.anchor').uniqueId();
$('.anchor').each(function() {
console.log($(this).attr('id'));
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>However, your code should lead to the same result. As mentioned in the comments, make sure you have included both jQuery and jQuery UI's libraries.
answered Nov 28 '18 at 19:57
JetoJeto
6,93421222
add a comment |
1
Simply use:
$('.anchor').uniqueId();
Demo:
$('.anchor').uniqueId();
$('.anchor').each(function() {
console.log($(this).attr('id'));
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>However, your code should lead to the same result. As mentioned in the comments, make sure you have included both jQuery and jQuery UI's libraries.
answered Nov 28 '18 at 19:57
JetoJeto
6,93421222
add a comment |
1
1
1
Simply use:
$('.anchor').uniqueId();
Demo:
$('.anchor').uniqueId();
$('.anchor').each(function() {
console.log($(this).attr('id'));
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>However, your code should lead to the same result. As mentioned in the comments, make sure you have included both jQuery and jQuery UI's libraries.
answered Nov 28 '18 at 19:57
JetoJeto
6,93421222
Simply use:
$('.anchor').uniqueId();
Demo:
$('.anchor').uniqueId();
$('.anchor').each(function() {
console.log($(this).attr('id'));
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>However, your code should lead to the same result. As mentioned in the comments, make sure you have included both jQuery and jQuery UI's libraries.
$('.anchor').uniqueId();
$('.anchor').each(function() {
console.log($(this).attr('id'));
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>$('.anchor').uniqueId();
$('.anchor').each(function() {
console.log($(this).attr('id'));
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>
<a href="#" class="anchor">This</a>answered Nov 28 '18 at 19:57
JetoJeto
6,93421222
answered Nov 28 '18 at 19:57
JetoJeto
6,93421222
answered Nov 28 '18 at 19:57
JetoJeto
6,93421222
answered Nov 28 '18 at 19:57
JetoJeto
6,93421222
6,93421222
add a comment |
add a 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%2f53527077%2fwhy-cant-i-get-uniqueid-to-work-with-all-elements-of-same-class%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
1
uniqueId()is a jQueryUI method, so have you included the jQueryUI library as well as jQuery itself? Check the console for errors. Although I'd suggest that if you structure your HTML properly you don't need to auto-generate anidat all.– Rory McCrossan
Nov 28 '18 at 19:54
I tested it out with JQuery UI. It works fine.
– zfrisch
Nov 28 '18 at 19:54
jsfiddle.net/ys36qp5a
– zfrisch
Nov 28 '18 at 19:55
@zfrisch taking that a step further, you don't need
each(): jsfiddle.net/RoryMcCrossan/g95aebxz– Rory McCrossan
Nov 28 '18 at 19:56
@RoryMcCrossan You're right, but it's straight from OP. Just wanted to show that it worked. :)
– zfrisch
Nov 28 '18 at 19:57