javascript - 如何在表格中划掉一条线？

Question

我创建了一个 jQuery 脚本：

<script type="text/javascript">
    $(document).ready(function () {
        $('tr.inactive').each(function (index) {
            var tr = $(this);
            tr.find('td:first').after(function () {
                return '<hr style="position: relative;top: -' + tr.height() + 'px;">';
            });
        });
    });
</script>

如果 tr 处于非活动状态，则应越过它；这一行在脚本中由 hr 添加，但可惜它没有添加到屏幕上。如果您只是将屏幕放在 html 中，则一切正常。

   <tr class="inactive">
        <td>
            <h5>
                Add NuGet packages and jump start your coding</h5>
            NuGet makes it easy to install and update free libraries and tools. <a href="http://go.microsoft.com/fwlink/?LinkId=245153">
                                                                                    Learn more</a>
           <hr style="position: relative;top: -66px;">

        </td>

    </tr>

如何解决这个问题？

Answer 1

不需要 jQuery。只需将其添加到您的.inactive h5CSS 中：text-decoration: line-through

http://jsfiddle.net/PN3ce/