'How to find a dynamic node class by pattern in JavaScript

I'm working on this WP plugin and I've been trying to get the ID of a custom post kinda thing that is declared in the body class on each page. So it goes like this;

<body class="(Bunch of other classes) ld-courses-1731-parent">

I'm trying to get the number 1731 in my JS function but the number is dynamic so I need to some regex matching with the string pattern.

Pattern: ld-courses-*INT VALUE*-parent

how can I do this with JS? Any help is much appreciated thank you so much.

javascript

Solution 1:^[1]

You can use match if thats the only class in your body:

var classList = document.getElementsByTagName("body")[0].classList;
[...classList].forEach(function(thisClass) {
  if (/ld-courses-\b/.test(thisClass)) {
    var id = thisClass.match(/\d/g);
    console.log(id.join(""));
  }
});

<body class="another-class-before another-class-12-hasnum ld-courses-1731-parent another-class-12-hasnumaswell another-class-after">
</body>

Solution 2:^[2]

Hi Laclogan in regards to your question yes it's possible for sure.

Correct me if i'm wrong but the number comes probably if it's changing for each post directly from the url.

The following site explains if this is the case how to get that number from the url. https://www.sitepoint.com/get-url-parameters-with-javascript/

In addition you can use the function concat to combine the strings see this site for an example hope it helps. https://www.w3schools.com/jsref/jsref_concat_string.asp

Could you confirm for me that the number is always present in the url or if this is not the case?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1
Solution 2	Stijn van Eekelen

'How to find a dynamic node class by pattern in JavaScript

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]