0

我有一个 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());
                    }

                });
            });
4

3 回答 3

3

你要...

$(this).find('img').attr('src')
于 2013-05-17T14:27:02.720 回答
0

您可以像这样在您的 img 中添加属性类 **

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

**

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

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

** "

于 2013-05-17T14:38:54.960 回答
0

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

于 2013-05-17T14:37:29.000 回答