Home/ Questions/Q 6699265
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T06:40:29+00:00

I have an HTML 5 page with several articles. Each article has a custom

  • 0

I have an HTML 5 page with several articles. Each article has a custom attribute titled “MyAttribute”:

<html>
    <article MyAttribute="x">
    <article MyAttribute="y">
    <article MyAttribute="z">
</html>

I would like to create a function that does something like the following pseudo-code:

for each article {
    get MyAttribute from the article
    if MyAttribute == x {do this}
    if MyAttribute == y {do that}
    if MyAttribute == z {do something else}
}

What is the most efficient way to do this using jQuery/JavaScript?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Instead of using custom attributes, I’d recommend placing your “MyAttribute” in a data-* attribute like this:

    <html>
  <body>
    <article data-myattribute="x"></article>
    <article data-myattribute="y"></article>
    <article data-myattribute="z"></article>
  </body>
</html>

    This creates “more valid” HTML. Then you would write javascript like this:

    $('article').each(function (){
    switch ($(this).data('myattribute')){
        case 'x':
            //do something for x
            alert('this is case X');
            break;
        case 'y':
            //do something for y
            alert('this is case Y');
            break;
        case 'z':
            //do something for z
            alert('this is case Z');
            break;
    }
 });

    I’ve also created a jsFiddle of the result for you.

    • 0