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，我定义了一个变量，所以当我来到image列时，我得到了这个，因为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')

Answer 2

您需要的神奇代码行是$(this).find('img').attr('src')

Answer 3

你可以在你的img中添加属性类 **

<img class="imagen" src="MatrixLogos/MAT0006.png" width="150" height="30">

**

并在javascript中使用此代码应该可以工作“ **

$("#tabla_ventana img.imagen").each(function (){
    alert($(this).attr('src'));
});

** “

如何在html表格单元格中获取图像路径

3 个答案: