jquery - Insert Row(child) in table using JavaScript -

-

i have table containing 4 main rows , 1 (expand or collapse) button.on click of (expand or collapse) button want insert 1 more row in middle of rows(which result in total 8 rows) iterating table rows.how using javascript?see image below.any suggestion.

enter image description here

this code have return on click of expand or collapse button,

  jquery('#btnid').click(function() {             var = this;             $("#example tbody tr").each(function(i) {                                    //what code need add here             });         });

due fact, haven't provided code example, can suggest 1 way achieve this.

you can determine row above row you'll want insert id on tr or css selector :nth-of-type(4) example.

after that, can use row jquery element (example: $("tr#yourrow")) , append row after using append().

example: $("tr#yourrow").append("<tr>... row definition ...</tr>")

based on updated question:

jquery('#btnid').click(function() {     var = this;     $("#example tbody tr").each(function(i, object) {                            $(object).after("<tr>... row definition ...</tr>")     }); });

the row definition should done yourself. don't know logic behind iteration in case. think you'll it. :)


Comments

Post a Comment

Popular posts from this blog

c# - Where does the .ToList() go in LINQ query result -

-
when getting data populate data grid, have pulled data, made list , mapped model, this: public list<person> getpeople() { var data = _db.person.tolist(); list<person> people = new list<person>(); foreach (var item in data) { person person = new person() { personid = item.personid, firstname = item.firstname, lastname = item.lastname }; people.add(person); } return people; } this works fine, in interest of writing less code discovered .select method , (what think is) anonymous type. have: public list<person> getpeople() { return _db.person.select(d => new person { personid = item.personid, firstname = item.firstname, lastname = item.lastname }).tolist(); } though not easy read, works fine too. there preference either way? ...
Read more

Listeners to visualise results of load test in JMeter -

-
i want run load test in non-gui mode , save results in .csv file. (i have not modified .properties files, standard information saved) i plan load file , visualise results jmeter’s listeners. which listeners suited purpose? should avoid @ cost, might cause me misinterpret information? (e.g. in view results tree response data empty have - - not saved this. however, there has in fact been response. if saw listener might think there hasn’t been one. since want avoid this, listeners have gain information needed .csv file.) i’d know both jmeter listeners plugins. if running test in non-ui mode ideally should disable listeners in script. use '-l' option store test results .jtl extension. can later open jtl file jmeter. aggregate report or summary report should summarize test results , response time , throughput. if want plot graphs see trends on test duration can use http://jmeter-plugins.org/#/ standard , lib set. i suggest following listeners: response ...
Read more

php - Click a button with XPath using an id from the same row -

-
im testing using phpunit , need create , delete same things. create called test, want able find , delete it. have multiple delete buttons on page, , works doing - $this->click("xpath=(//img[@title='delete'])[11]"); but choosing [11] example, using delete button row 11. , if test isnt row 11 example, delete not wish delete. i wish try , delete specific row finding row id attached it. the row may have words "test" followed more information within columns. delete button @ end titled 'delete'. wish find row id or words 'test' , find , use 'delete' title on row. any help? edit -example image of row. grab first text, , use last button on right titled 'delete' http://i.stack.imgur.com/s4bne.png second edit - whole table, contains of rows , within rows contains td's (obviously, you'd know). ill find text im trying find. tr count 4th of 6. this shows td containing delete, td containing 'test pr...
Read more