jQuery how to find an element based on a data-attribute value?

You have to inject the value of current into an Attribute Equals selector:

$("ul").find(`[data-slide='${current}']`)

For older JavaScript environments (ES5 and earlier):

$("ul").find("[data-slide='" + current + "']");

Related Posts:

  1. How can I get the ID of an element using jQuery?
  2. How can I get the ID of an element using jQuery?
  3. jQuery Selector: Id Ends With?
  4. Set select option ‘selected’, by value
  5. Wildcards in jQuery selectors
  6. Set selected option of select box
  7. jQuery selectors on custom data attributes using HTML5
  8. Using jquery to get all checked checkboxes with a certain class name
  9. Toggle Checkboxes on/off
  10. jQuery: using a variable as a selector [duplicate]
  11. How can I change CSS display none or block property using jQuery?
  12. How to set time delay in javascript
  13. Disable button in jQuery
  14. Submit a form using jQuery
  15. Adding placeholder attribute using Jquery
  16. JavaScript: filter() for Objects
  17. wait() or sleep() function in jquery?
  18. Force a default browser on my android phone using a simple html shortcut page
  19. Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
  20. Simple throttle in JavaScript
  21. Run ScrollTop with offset of element by ID
  22. Form Submit jQuery does not work
  23. jQuery multiple events to trigger the same function
  24. How do I remove a box-shadow effect from an element when another element is hovered?
  25. jQuery delay not working
  26. Validate form before submit jquery
  27. How to save the state of a drag and drop jQuery UI Sortables front end layout editor?
  28. Display Media Uploader in Own Plugin on WordPress 3.5
  29. What is the simplest ajax upload plugin or script to be used with wordpress?
  30. Add tinymce buttons to caption textarea in media uploader
  31. How to get the path to current theme, but from a JS file?
  32. How to handle multiple instance of “send_to_editor” js function
  33. How do I use WP’s jQuery
  34. Deregister WordPress jquery on specific page
  35. Add X meta box inputs based on form at top of meta box, how to do it right?
  36. Stylizing external SVG files with jQuery and CSS
  37. wp_enqueuescript won’t load in footer even with true value set?
  38. jQuery Ajax() doesn’t work when the page is accessed as a WordPress template page
  39. WordPress REST endpoint not able to reach with jQuery
  40. Execution of JavaScript on save post
  41. Is placing stuff in page text edit window bad form?
  42. Add colorpicker to featured image
  43. Googles jQuery: Are There Avantages to Using It?
  44. Passing JSON-encoded HTML from WordPress to JavaScript
  45. Tags in WordPress 3.2
  46. php ajax problem – weird 301 responses!
  47. Create URL with parameter for JQuery toggle status
  48. Stop theme’s jQuery function from running
  49. Making the wordpress login form a jQuery dropdown
  50. WordPress Ajax problem with undefined url
  51. Use Media Uploader on Multiple Images on same page
  52. Add a class to posts in increments of 2
  53. Move jQuery to the bottom of the page whilst keeping the WordPress jQuery
  54. Intergrating agile carousel to wordpress: how to write the ajax_callback function
  55. How can I fire a jQuery event once getBlocks() actually returns the post’s blocks instead of null?
  56. WordPress + BlockUI or a splash page [closed]
  57. WP UI style within shortcode – Any Suggestions?
  58. Add/remove action on jQuery toggle
  59. Firebug says jQuery is loaded but $() and jQuery() are not defined
  60. Why is my WordPress loading old version of JQuery?
  61. Why load JS through the CMS framework? [duplicate]
  62. delete post meta by AJAX
  63. url – ajax loaded but no JS
  64. jQuery does not work on WordPress editor
  65. Adding URL of PDF from Thickbox in a Meta Box
  66. how to json_encode(); the Loop content so that the encoded array is [“0”:content, “1”:content]
  67. Jquery not loaded by default in wordpress 5.6
  68. problem with jquery 3.5.1 in footer
  69. How to call custom jQuery plugins into the customizer controls
  70. Change zurb foundation top bar style on.scroll in wordpress theme using jquery and css
  71. click event to unhide something after ajax not firing
  72. how to use wp_editor() here am getting empty result
  73. jQuery is not defined, working on local server but not online
  74. WP_ENQUEUE not working with Foundation 5
  75. Save jQuery UI Sortable on WordPress
  76. Why does WordPress load jQuery in my header instead of footer?
  77. Problem adding MP3 attachments to a jPlayer playlist
  78. problems with jquery external rss feed integration
  79. wp_enqueue_script jquery and jquery ui not working
  80. Axis guidelines over an image
  81. WordPress forbidden 403 on delete in production vs local environment
  82. jquery Autocomplete
  83. Homepage loads many unnecessary jquery-ui files
  84. Get ajaxForm response value
  85. Update a parent theme JQuery property in the child theme
  86. Adding scripts before plugins scripts
  87. jQuery search function not running in WordPress but running locally (fiddle)
  88. Refresh widget admin page resetting jQuery hidden class
  89. Autocomplete for titles via ajax – rework of past post away from like_escape()
  90. Can’t seem to get JQuery working (wordpress plugin)
  91. Ajax Request with jQuery not happening
  92. Bootstrap with Flexslider jQuery Issue
  93. Console shows ReferenceError: jQuery is not defined, no clue why!
  94. Sorting UL Listing Within the TinyMCE Visual Editor in WordPress
  95. My .js file is getting a 404
  96. Contact Form 7 submission does not complete [closed]
  97. Combo box populating a DIV using ajax/jquery
  98. how to display post in jquery slider and carousel
  99. Carousel Hover Image
  100. What is calling jquery?

Leave a Comment