0

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が非アクティブの場合は、交差する必要があります。スクリプトのこの行は1時間追加されましたが、残念ながら画面には追加されていません。画面を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>

この問題を解決するにはどうすればよいですか？

4

1 に答える 1

2

jQueryは必要ありません。.inactive h5これをCSSに追加するだけです。text-decoration: line-through

http://jsfiddle.net/PN3ce/

于 2012-08-29T04:52:27.573 に答える