javascript - 获取 'img' src恢复路径

Question

我有这个代码:

<table>
    <tr>
        <td>
            <img src='prod/images/1.jpg'>
        </td>
    </tr>
    <tr>
        <td>
            <img src='prod/images/2.jpg'>
        </td>
    </tr>
    <tr>
        <td>
            <img src='prod/images/3.jpg'>
        </td>
    </tr>
    <tr>
        <td>
            <img src='prod/images/4.jpg'>
        </td>
    </tr>
</table>

我想恢复 src 属性的值并将其分配给变量。

我发现了这个:

var srcPath = item.closest("tr").find('img[src*="nameOFpath"]');

但是这个用于查找而不是赋值。

有什么想法吗？

Answer 1

使用 jQuery 方法 prop() 或 attr() 获取属性值。

使用最接近的td来获取特定的img(如果您在最接近的位置使用tr，它将始终返回第一个img > “prod/images/1.jpg”) :

var src_value = item.closest("td").find('img').prop('src');
//Or
var src_value = item.closest("td").find('img').attr('src');

或者，如果您已经有一个包含所有 tds $tds 的变量，请使用:

var src_value = $tds.closest("td").find('img').attr('src');

希望这有帮助。