Estoy tratando de hacer un script que tome la URL de "img src", luego edite y finalmente lo coloque en "a data-title = href", todos ellos en cada "item-foo item-bar item-foo bar" La edición funciona y me sale el link pero luego no puedo hacer el cambio Intento hacer un "each" dentro de otro "each" pero no funciona, luego intento volver con la variable "video" pero solo el sale el ultimo.

Espero poder explicarme bien, lamentablemente el ingles no es mi lengua materna y encima estoy aprendiendo javascript a patadas jaja. Mis saludos y respetos.

Espero poder explicarme bien, lamentablemente el ingles no es mi lengua materna y encima estoy aprendiendo javascript a patadas jaja. Mis saludos y respetos!

 <div class="item-foo item-bar item-foo bar"> <div class="inner-block"> <a data-title="" href="https://example.com/news/16143-chair.htm" title="Chair with rotten legs"> <span class="image"> <img src="https://thumbs.example.com/thumbs/v/i/d/e/o/chair38630.mp4/chair38630.mp4-3.jpg" alt="Chair with rotten legs" /> </span> </a> </div> <div class="item-foo item-bar item-foo bar"> //similar content, diferent URLs </div> <script> jQuery("span.image img").each(function() { direccion = $(this).prop("src"); edit1 = direccion.replace("thumbs", "media"); edit2 = edit1.replace("thumbs", "videos"); index = edit2.indexOf("mp4"); video = edit2.slice(0, index + 3); //console.log("The URL of the video is: " + video); }); </script>