javascript - jQuery 推送 img 元素

Question

我想获取所有表行数据，将它们插入数组并取回。但目前我只能获取前三列的值，但无法获取图像的src。

我尝试了 data.push($(this).val(), $('img').attr('src')); 但没有成功。

                      data = [];
                      $("#car-control-sum tbody>tr").remove();
                        $("#car-control-table tbody select, #car-control-table tbody input, #car-control-table tbody img").each(function(){
                            data.push($(this).val());
                        });

                        <table data-role="table" id="car-control-table" class="ui-responsive ui-shadow">
                        <thead>
                        <tr>
                            <th style="width:158px;border-bottom: 1px solid #d6d6d6;">Kontrollpunkt</th>
                            <th style="width:110px;border-bottom: 1px solid #d6d6d6;">OK</th>
                            <th style="width:158px;border-bottom: 1px solid #d6d6d6;">Kommentar</th>
                            <th style="width:110px;border-bottom: 1px solid #d6d6d6;">Ta bilde</th>
                            <th style="width:110px;border-bottom: 1px solid #d6d6d6;">Det.</th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr class="car-row">
                            <td>
                                <select class="select-lys">
                                    <option value="Stotdempere">Stotdempere, fjaerer</option>
                                </select>
                            </td>

                            <td>
                                <select id="checkup_ok" data-role="slider" style="height:100px;">
                                    <option value=" ">Off</option>
                                    <option value="OK">On</option>
                                </select>
                            </td>

                            <td>
                                <input style="border: 2px solid #ccc;height:45px;" id="car-control-comment" name="car-control-comment"/>
                            </td>

                            <td>
                                <a style="height:40px;width:40px;margin-bottom:40px;"
                                   class="checkup_cam ui-btn ui-btn-inline ui-btn-icon-notext ui-btn-b ui-corner-all ui-icon-camera"></a>
                                <img class="checkup_thumb" style="padding-top:10px;"
                                     src="http://www.mountainmansocialmedia.com/_site/wp-content/themes/juiced/img/thumbnail-default.jpg"
                                     height="40" width="40">
                            </td>

                            <td>
                                <a style="height:40px;width:40px;" id="car-control-add"
                                   class="ui-btn ui-btn-inline ui-btn-icon-notext ui-btn-b ui-corner-all ui-icon-plus"></a>
                            </td>
                            <td>

                            </td>

                        </tr>
                        </tbody>

                    </table>

如何将图像 src 推送到数据数组中？

Answer 1

考虑使用 .prop() 而不是 .attr()

var src = $('#image-id').prop('src');
data.push(src);