JQuery筆記（四） 通用選擇的嘗試

　　常用的一種格式是用LI存放列表，一行一般會放2個內容，如標題和時間等。但這兩個內容可能用的標籤會有所不同，有時可能是<a>和<span>，有時可能是2個<span>，或者別的組合。所以我想嘗試能否寫一種通用的css，一次定義好LI的2個子項的樣式。我這樣寫的

 

$(".blk .con li :eq(0)").css({display:"inline-block","width":"310px",overflow:"hidden"}); 

$(".blk .con li :eq(1)").css({display:"inline-block","width":"40px",overflow:"hidden","margin-left":"10px",border:"1px solid red"});

結果只對第一行有效，換成別的

$(".blk .con li").children(0).css({display:"inline-block","width":"310px",overflow:"hidden"});  //LI的第一部分：寬度

$(".blk .con li *:eq(0)").css({display:"inline-block","width":"310px",overflow:"hidden"}); 

$(".blk .con li *").get(0).css({display:"inline-block","width":"310px",overflow:"hidden"}); 

等都失敗。只有這個通過：

$(".blk .con li a").css({display:"inline-block","width":"310px",overflow:"hidden",border:"1px solid red"});  //LI的第一部分：寬度
$(".blk .con li span").css({display:"inline-block","width":"40px",overflow:"hidden","margin-left":"10px",border:"1px solid red"});

我想each應該也可以，但實在麻煩，還不如每次我自己改js。