javascript - 如何获取 html 表格单元格内的图像路径

Question

我有一个 html 表格，我想获取所有内容，但在获取第四列中的 img 链接时遇到问题。

这是表格

<table class="imagetable" border="1" id="tabla_ventana" style="display: table; overflow:     auto;">
<tbody>
    <tr>
        <th>TFs Name</th>
        <th>Accesion</th>
        <th>DB</th>
        <th>Logo</th>
        <th>Delete TF</th>
    </tr>
    <tr>
        <td>ABF1</td>
        <td>M00015</td>
        <td>Transfac</td>
        <td>
            <img src="MatrixLogos/MAT0006.png" width="150" height="30">
        </td>
        <td>
            <img class="delete" src="images/Delete.png" style="cursor: pointer;">
        </td>
    </tr>
    <tr>
        <td>ABF1</td>
        <td>M00197</td>
        <td>Transfac</td>
        <td>
            <img src="MatrixLogos/MAT0007.png" width="150" height="30">
        </td>
        <td>
            <img class="delete" src="images/Delete.png" style="cursor: pointer;">
        </td>
    </tr>
</tbody>
</table>

这是我的JS，我定义了一个变量，所以当我来到图像列时我得到了这个，因为text属性不起作用，但value和innerHTML也不起作用。

            var cellIndexMapping = {
                3: true
            };
            $("#tabla_ventana tr").each(function (rowIndex) {
                $(this).find("td").each(function (cellIndex) {
                    if (cellIndexMapping[cellIndex]) {
                        alert($(this).val()); //What i should put here
                    } else {
                        alert($(this).text());
                    }

                });
            });

Answer 1

你想要...

$(this).find('img').attr('src')