how to read src in the table and put into the array

Question

User-1634604574 posted

i have this table i want to read src in each row and put it into the array i wrote this code but is not working fine

<table id="example">
<tr>
<td><img src="@Url.Content("~/img/Checkmark.png")" style="width:18px;height:18px"></td>
</tr>

<tr>
<td><img src="@Url.Content("~/img/Checkmark.png")" style="width:18px;height:18px"></td>
</tr>

<tr>
<td><img src="@Url.Content("~/img/close.png")" style="width:18px;height:18px"></td>
</tr>

<tr>
<td><img src="@Url.Content("~/img/close.png")" style="width:18px;height:18px"></td>
</tr>

<tr>
<td><img src="@Url.Content("~/img/Checkmark.png")" style="width:18px;height:18px"></td>
</tr>
</table>


<script>
var arr_image2=[]
 $('#example tr').filter(function () {
                arr_image2.push($(this).find('td:nth-of-type(7)img').attr('src'))
            })

 for (var i = 0; i < arr_image2.length; i++) {

                alert(arr_image2[i])
}
</script>

Answer 1

User475983607 posted

This programming problem was solved here; https://forums.asp.net/t/2155225.aspx?how+to+pass+image+from+one+table+to+another+table+. and here; https://forums.asp.net/p/2155265/6260621.aspx?how+to+append+image+into+table+column

Are you trying to learn the .filter() function?   What exactly is the problem you are trying to solve? 

Edit: your selector(s) are incorrect.

    <script>
        var arr_image2 = [];
        $('#example tr').filter(function () {
            arr_image2.push($(this).find('td > img').attr('src'));
        });

        for (var i = 0; i < arr_image2.length; i++) {
            console.log(arr_image2[i])
        }
    </script>

Please start using the browser's dev tools.  You can actually copy the CSS selector but right clicking the source code in the Element view.

Answer 2

User-2054057000 posted

You can simply first get all the Img element using jQuery like below:

var img = $("img");

Then you Loop through all of them using the jQuery .each() function like shown below:

$(img).each(function (index, value) {  // loop through each img tag
   Console.log($(this).attr("src")); // to get the src value one by one  
}); 

Regards..