javascript - jQuery: Hide tr of child td that contains ul + print? -

-

i have <table> <td> contain <ul> , want when specific button clicked, 2 things occur:

  1. parent <tr> of children <td> contain <ul> hidden
  2. the window printed after step 1 executed, <tr> containing <ul> hidden on printed sheet

http://jsfiddle.net/emturano/s9ywl/

html:

<table id="todo-list">     <tr>         <td>entry no ul 1</td>     </tr>     <tr>         <td>entry no ul 2</td>     </tr>     <tr>         <td>             <ul>i should hidden when printed</ul>         </td>     </tr>     <tr>         <td>entry no ul 4</td>     </tr> </table><p>

click print

jquery:

function () {     $('#followup_a').click(followup); });  function followup() {     $('#todo-list tr:has(td:has(ul))').hide();     window.print(); }

first problem see line function () {. improper syntax. think mean document ready method of i'll show in answer.

remove onclick="window.print()" link , change js following:

$(function(){ // document . ready call     $('#followup_a').on("click", function(e) {         //  if href not contain `javascript:void(0)` use         //  e.preventdefault(); // prevent default link action         $("#todo-list tr").filter(function(i) { return $(this).find("> td ul").length > 0 }).hide();         window.print();     }); })

what does:

  • .filter() nice jquery method allows call on group of jquery elements $("#todo-list tr"), return table rows, , filter result object down based on information returns true.
    • although $('#todo-list tr:has(td:has(ul))') should same thing
  • href="javascript:void(0)" 1 way prevent default link action, or, within click event call on event.preventdefault()

could written as:

function followup(e) {     $("#todo-list tr").filter(function(i) { return $(this).find("> td ul").length > 0 }).hide();     window.print(); }  $(function(){ // document . ready call     $('#followup_a').on("click", followup); })

demo


Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more