Puzzled by failure of jQuery snippet for appending TDs to a TR -

-

the motivation behind question understand why jquery snippet below fails.

note: force of dumb, blind trial-and-error, have found alternative code work (or seems to). therefore, purpose of question not (per se) "fix" problem shown below. rather, goal understand as can why fails.

    jquery(document).ready(function ($) {       var tds = [];       (var = 0; < 3; ++i) {         var td = $('<td>');         tds.push(td);       }       var $tds = $(tds);       var $row1 = $('#row1');       $tds.appendto($row1);     });

basically, intent of snippet create 3 (jquery-wrapped) td elements, , append them pre-existing tr. (at end of post, copy full html+css+js code.)

as stated before, goal understand why snippet fails. therefore, question addressed can see, without running code, snippet fail. of can so: reasoning? tells snippet can't work?

here's full code:

<!doctype html> <html>   <head>     <title>title</title>     <meta charset="utf-8">     <style>     td{width:100px;height:20px;background:#c40000}     </style>   </head>   <body>     <table>       <tr id="row1"></tr>     </table>     <script src="http://code.jquery.com/jquery-latest.js"></script>     <script>     jquery(document).ready(function ($) {       var tds = [];       (var = 0; < 3; ++i) {         var td = $('<td>');         tds.push(td);       }       var $tds = $(tds);       var $row1 = $('#row1');       $tds.appendto($row1);     });     </script>   </body> </html>

you can create new jquery object array of domelements, not array of jquery objects, line wrong:

var $tds = $(tds);

the simplest way fix changing $('<td>') $('<td>')[0], actual <td> domelement. use document.createelement('td') there instead.


Comments

Post a Comment

Popular posts from this blog

design - Custom Styling Qt Quick Controls -

-
Image
i have custom design qt quick controls. example, change background colour of tool bar, since hate default design. how can that? in qt quick controls, there limited styling available via qt quick control styles items, buttonstyle , checkboxstyle , etc. at moment, other styles require delving qt sources , messing internal details. here complete example of how 1 might modify toolbar's style. main.qml import qtquick 2.1 import qtquick.layouts 1.0 import qtquick.controls 1.0 applicationwindow { toolbar: toolbar { id: toolbar component.oncompleted: toolbar.data[0].item.children = [newrectangle]; property item _newrectangle: rectangle { // rectangle within toolbarstyle's panel // gleaned from: // http://qt.gitorious.org/qt/qtquickcontrols/source/ // c304d741a27b5822a35d1fb83f8f5e65719907ce:src/styles/base/toolbarstyle.qml id: newrectangle anchors.fill: parent...
Read more

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more