You’re right you should be using an id.
I would use a counter in conjunction with get_the_ID();
$arr_posts = new WP_Query( $args );
if ( $arr_posts->have_posts() ) :
$index = 0;
while ( $arr_posts->have_posts() ) : $arr_posts->the_post();
echo $index . '_' . get_the_ID();
endwhile;
endif;
This will give you a unique id which you can use for each item in the loop.
WordPress has a the $index variable built in. We could rewrite this as:
$arr_posts = new WP_Query( $args );
if ( $arr_posts->have_posts() ) :
while ( $arr_posts->have_posts() ) : $arr_posts->the_post();
echo $arr_posts->current_post . '_' . get_the_ID();
endwhile;
endif;
Related Posts:
- Modal won’t appear on all pages
- How to make async query in wordpress?
- How to add a class to a given element?
- How to make a word underline in Markdown
- Creating multiline strings in JavaScript
- Babel 6 regeneratorRuntime is not defined
- What is lexical scope?
- Remove element by id
- await is only valid in async function
- Remove duplicate values from JS array [duplicate]
- How to read an external local JSON file in JavaScript?
- SyntaxError: Unexpected token o in JSON at position 1
- Remove duplicate values from JS array
- How can I add a key/value pair to a JavaScript object?
- Adding an onclick event to a div element
- Typescript : Property does not exist on type ‘object’
- How to check if array is empty or does not exist?
- How to Create simple drag and Drop in angularjs
- stop all instances of node.js server
- Working with $scope.$emit and $scope.$on
- Using Node.js require vs. ES6 import/export
- How can jQuery deferred be used?
- How to print elements from array with javascript
- What is the JavaScript version of sleep()?
- How do I scroll to an element using JavaScript?
- Finding largest integer in an array in JavaScript
- javascript set cookie with expire time
- Angular: conditional class with *ngClass
- How can I add a key/value pair to a JavaScript object?
- How do I change an HTML selected option using JavaScript?
- How to refresh a Page using react-route Link
- Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
- TypeError: Invalid attempt to spread non-iterable instance
- Declaring multiple variables in JavaScript
- How to print a number with commas as thousands separators in JavaScript
- Convert Array to Object
- How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
- Using $setValidity inside a Controller
- Combination of async function + await + setTimeout
- Partial render in HTML/JavaScript
- How can I check if a string is a valid number?
- Javascript setInterval not working
- Javascript Regular Expression Remove Spaces
- image.onload event and browser cache
- Simulate Keypress With jQuery
- How to add a keyboard listener to my onClick handler?
- SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
- HTML Entity Decode
- Why am i receiving this jsfiddle error, document.write can be a form of eval
- jquery beforeunload when closing (not leaving) the page?
- Array Mapping in AngularJs
- Get JavaScript object from array of objects by value of property [duplicate]
- Simple pagination in javascript
- Javascript swap array elements
- jQuery sort elements using data id
- Resource interpreted as Document but transferred with MIME type application/zip
- How to redirect to another page using AngularJS?
- events.js: 141 throw er; // Unhandled ‘error’ event
- How to fire an event on class change using jQuery?
- JavaScript code to stop form submission
- What do these three dots in React do?
- Change an image with onclick()
- javascript return true or return false when and how to use it?
- Uncaught SyntaxError: Unexpected token with JSON.parse
- Why is this simple AngularJS ng-show not working?
- Javascript callback function throws error “Callback is not a function” in firefox
- How can I stop the browser back button using JavaScript?
- JavaScript isset() equivalent
- $http.get(…).success is not a function
- How can I convert an image into Base64 string using JavaScript?
- Is there a way to create interfaces in ES6 / Node 4?
- WordPress 5.5 – ReferenceError: commonL10n is not defined error
- How to load translation in JavaScript?
- wp_register_script multiple identifiers?
- require.js to load javascript
- Setting HTML properties in a Gutenberg plugin using WordPress settings
- How to place script in footer?
- Only displaying zip files with wp media
- Button insert link on front wp_editor not working
- Adding a Javascript slideshow to the home page
- List of JS Events for Widgets?
- Authentication with the Rest API when using an External Application
- Open Featured Image Modal in WordPress Gutenberg onClick of a button
- Screen Resolution Detect
- Override do_item() Function to Add Extra Attribute to Scripts
- Is it possible to pass js variable to template file
- enqueue script won’t work (enqueue style does work)
- Variable equals another variable and then equals another variable
- in jquery read a multidimensional array via wp_localize_script()
- Custom JS on a specific page
- How to get file object from file_attachment?
- Easiest way to find JS conflicts
- How do I load urls from an external .js file to my admin head?
- Nothing in dashboard that uses javascript works
- Where is the Javascript attribute window._wpCustomHeaderSettings defined?
- How to execute WP shortcode in a javascript string “”
- how to include js in widget?
- JS files landing on page but not working, using childtheme of twentyeleven
- PHP or JS for header image rotator?
- Replacing & in JS code on pages