jQuery to loop through elements with the same class

Question

I have a load of divs with the class testimonial and I want to use jquery to loop through them to check for each div if a specific condition is true  If it is true  it should perform an action   Does anyone know how I would do this

User · Answer

More precise     each     testimonal    function index  value         console log index         value

User · Answer

you can do it this way      testimonial   each function index  obj         you can use this to access the current item

User · Answer

In JavaScript ES6  forEach    over an array-like NodeList collection given by Element querySelectorAll     x000D   x000D  document querySelectorAll   testimonial   forEach  el   gt    x000D    el style color    red   x000D    console log   Element   el tagName  with ID    el id  says    el textContent      x000D      x000D   lt p class  testimonial  id  1  gt This is some text lt  p gt  x000D   lt div class  testimonial  id  2  gt Lorem ipsum lt  div gt  x000D   x000D   x000D

User · Answer

jQuery s  eq   can help you traverse through elements with an indexed approach   var testimonialElements       testimonial    for var i 0  i lt testimonialElements length  i         var element   testimonialElements eq i         do something with element

User · Answer

Without jQuery updated   x000D   x000D  document querySelectorAll   testimonial   forEach function  element  index    x000D      element innerHTML    Testimonial      index   1   x000D      x000D   lt div class  testimonial  gt  lt  div gt  x000D   lt div class  testimonial  gt  lt  div gt  x000D   x000D   x000D

User · Answer

Try this example   Html   lt div class  testimonial  data-index  1  gt      Testimonial 1  lt  div gt   lt div class  testimonial  data-index  2  gt      Testimonial 2  lt  div gt   lt div class  testimonial  data-index  3  gt      Testimonial 3  lt  div gt   lt div class  testimonial  data-index  4  gt      Testimonial 4  lt  div gt   lt div class  testimonial  data-index  5  gt      Testimonial 5  lt  div gt    When we want to access those divs which has data-index greater than 2 then we need this jquery      div class  testimonial     each function index item       if parseInt   item  data  index    gt 2             item  html  Testimonial    index 1    by each loop                Working example fiddle

User · Answer

divs        testimonial   for ind in divs     div   divs ind       do whatever you want

User · Answer

try this         testimonial   each function          if statement here         use   this  to reference the current div in the loop       you can try something like          if condition

User · Answer

You can do this concisely using  filter  The following example will hide all  testimonial divs containing the word  something         testimonial   filter function         return   this  text   toLowerCase   indexOf  something       -1     hide

User · Answer

I may be missing part of the question  but I believe you can simply do this       testimonial   each  index  element    gt        if     Condition                  Do Something             This uses jQuery s each method  https   learn jquery com using-jquery-core iterating

User · Answer

testimonal   each function i v     if  condition        doSomething

User · Answer

With a simple for loop   var testimonials      testimonial    for  var i   0  i  lt  testimonials length  i           Using     to re-wrap the element      testimonials i   text  a

User · Answer

You could use the jQuery  each method to loop through all the elements with class testimonial  i    is the index of the element in collection and val gives you the object of that particular element and you can use  val  to further access the properties of your element and check your condition     each     testimonal    function i  val         if your condition            your action

User · Answer

It s pretty simple to do this without jQuery these days  Without jQuery  Just select the elements and use the  forEach   method to iterate over them  const elements   document querySelectorAll   testimonial    Array from elements  forEach  element  index    gt         conditional logic here   access element      In older browsers  var testimonials   document querySelectorAll   testimonial    Array prototype forEach call testimonials  function element  index         conditional logic here   access element

User · Answer

Use each   i  is the postion in the array  obj is the DOM object that you are iterating  can be accessed through the jQuery wrapper   this  as well        testimonial   each function i  obj          test       Check the api reference for more information

[javascript] jQuery to loop through elements with the same class

Examples related to javascript

Examples related to jquery

Examples related to jquery-selectors