Dynamic checkboxes in a table

commbankcheckboxes

// Given a list of table rows, I want to prepend (or append) a blank checkbox which i'll use to 
// check off as i go through the rows one by one....this should work on the netbank site.
// the idea is to just keep this as a bookmarklet and run it when looking at my transaction list

// When running the snip below chrome complains "Uncaught Error: NOT_FOUND_ERR: DOM Exception 8"

javascript:$('#transactionsTableBody > tr').map(function() { this.appendChild($('<td><input type="checkbox" /></td>')) })

right, i get you....thanks for the advice.

@liammclennan - when you say the arg to appendChild is not a JQ wrapper, you mean the jq eval returns a dom element and not a jq object? if so why does console.log($('<input>')) display [<input>] instead of <input>?

Sorry. My previous comment was nonsensical.

What I meant was that appendChild is a dom function, not a jquery function, so the argument should be a dom element. Your original code was passing it a jquery wrapper, which I think is an error. I suggested .get(0) as a way to extract the actual dom element, which would make it work. Alternatively, and probably preferably, you can use get a jquery wrapper for the row ($(this)) and then use one of the jquery functions (append, prepend, etc).

yep. thats the updated version (see above) from OJ.

Out of curiosity - any reason why its preferable that way?

jquery is a cross-browser dom manipulation library, so if you're manipulating the dom it is a good choice.

On Tue, Jan 31, 2012 at 7:53 PM, Xerxes Battiwalla < ***@***.*** > wrote: yep. thats the updated version (see above) from OJ. Out of curiosity - any reason why its preferable that way? --- Reply to this email directly or view it on GitHub: https://gist.github.com/1703659

## Liam McLennan. [email protected] http://www.eclipsewebsolutions.com.au

yeah makes sense - thanks :)