Tengo una función que busca cualquier imagen que esté "marcada" y devuelve el atributo img "Alt" para cada imagen marcada.
La salida/retorno son 2 números separados.
Solicitud Estoy tratando de descubrir cómo configurar ambos números de salida como dos nuevas variables para una nueva función que estoy escribiendo que usará este valor img Alt.
$("#NFTGallery2 > li > input:checked").each(function(){ var imgAtt = $(this).siblings("label").find("img").attr("alt"); console.log(imgAtt); return imgAtt }); //this returns two numbers such as 1 20 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="sc-jRQBWg hdgczQ"> </div> <div id="NFTGallery2" class="sc-fubCzh hohBlo" style="text-align: center; color: rgb(255, 29, 236);"> <li> <input type="checkbox" id="myCheckbox2"> <label for="myCheckbox2"><img alt="2" 'width="256px" height="256px" src="xxxxx"></label></li><li><input type="checkbox" id="myCheckbox10"><label for="myCheckbox10"><img alt="10" 'width="256px" height="256px" src="xxxxx"></label> </li> <li> <input type="checkbox" id="myCheckbox7"> <label for="myCheckbox7"><img alt="7" 'width="256px" height="256px" src="xxxxx"></label></li><li><input type="checkbox" id="myCheckbox15"><label for="myCheckbox15"><img alt="15" 'width="256px" height="256px" src="xxxxx"></label> </li> <li> <input type="checkbox" id="myCheckbox8"> <label for="myCheckbox8"> <img alt="8" 'width="256px" height="256px" src="xxxxx"></label></li></div>¿Cómo configuro las dos salidas como Var1 y Var2?
Puede usar map() que le permitirá tener una matriz de elementos. También puede hacer un selector que le evitará tener que buscar dentro de cada uno.
const alts = $("#NFTGallery2 > li > input:checked + label img").map(function (){ return this.alt }).get(); console.log(alts); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="sc-jRQBWg hdgczQ"> </div> <div id="NFTGallery2" class="sc-fubCzh hohBlo" style="text-align: center; color: rgb(255, 29, 236);"> <li> <input type="checkbox" id="myCheckbox2" checked> <label for="myCheckbox2"><img alt="2" 'width="256px" height="256px" src="xxxxx"></label></li><li><input type="checkbox" id="myCheckbox10"><label for="myCheckbox10"><img alt="10" 'width="256px" height="256px" src="xxxxx"></label> </li> <li> <input type="checkbox" id="myCheckbox7"> <label for="myCheckbox7"><img alt="7" 'width="256px" height="256px" src="xxxxx"></label></li><li><input type="checkbox" id="myCheckbox15"><label for="myCheckbox15"><img alt="15" 'width="256px" height="256px" src="xxxxx"></label> </li> <li> <input type="checkbox" id="myCheckbox8" checked> <label for="myCheckbox8"> <img alt="8" 'width="256px" height="256px" src="xxxxx"></label></li></div>