I want to make a div
<div id="myDiv">

become
<table border="1"><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</
td><td><div id="myDiv"></td><td>6</td></tr><tr><td>7</td><td>8</
td><td>9</td></tr></table>

This is my solution, but I want to ask for better one.

/**
* Wrap Table
*/
(function() {
        $.fn.dramaWrapTable = function($obj) {
                        var $tbl = '<table 
border="1"><tr><td>1</td><td>2</td><td>3</td></
tr><tr><td>4</td><td></td><td>6</td></tr><tr><td>7</td><td>8</
td><td>9</td></tr></table>';
                        return this.each(function() {
                                $(this)
                                        .before($tbl)
                                        .clone(true)
                                        
.prependTo($(this).prev().find('td').eq(4))
                                        .end()
                                        .end()
                                        .remove();
                        });
        }
})(jQuery)

<script>
$(function() {
        $('#myDiv').dramaWrapTable();
});
</script>

Reply via email to