DIV表格組

DIV表格組-----div表格<html-section>

<div class="table">
<div class="thead">
<div class="th">
<div class="td">標題</div>
<div class="td">標題</div>
<div class="td">標題</div>
</div>
</div>
<div class="tbody">
<div class="tr">
<div class="td">1</div>
<div class="td">1</div>
<div class="td">1</div>
</div>
</div>
</div>


DIV表格組-----div表格<css-section>

.table{
width: 100%;
}
.thead{
height: 40px;
color: #ffffff;
background-color: #56adb3;
border: 1px solid #e6e6e6;
}
.tbody{
border: 1px solid #e6e6e6;
height: 100px;
overflow: auto;
}
.tr{
height: 40px;
border-bottom: 1px solid #e6e6e6;
}
.td{
float: left;
width: 30%;
height: 28px;
padding: 5px;
border-right: 1px solid #e6e6e6;
text-align: center;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}


DIV表格組-----div表格操作<javascript-section>

• 添加一個收費組

$(.shoufei_table).append($(.shoufei_group_content).html());


tips：外加一個div，添加此div的內容

• 排序號

$(.shoufei_xuhao).each(function(ind,item){
$(this).html(ind);
})


tips：index() ; each()

• 移除冒泡事件影響

function(e){
e.stopPropagation();
}


• 求和

$(this).parents(.group).find(.num).each(function(index,element){
if($(this).val()){
zong_heji = zong_heji+danxiang_heji;
}
})


tips：保留小數點後兩位：zong_heji.toFixed(2)

添加藥品彈框賦值

tips：給當前加樣式，去掉樣式；nextall()此後所有同級元素

$(.YName).nextAll().eq(3).html($(this).children().eq(5).html());


選中radio圖片切換

• <css-section>

.shoufei_xuanze{
float: left;
width: 14px;
display: block;
height: 14px;
margin-top: 8px;
background: transparent url(../../imgfile/new/checkbox.png) 0 -50px no-repeat;
}
.shoufei_xuanzhong{
background-position: 0 0;
}


tips：0 表示不向左偏移也不向右偏移；-50px 表示-50px向上偏移

• <javascript-section>

if($(this).hasClass(shoufei_xuanzhong)){
$(this).removeClass(shoufei_xuanzhong);
}else{
$(this).addClass(shoufei_xuanzhong);
}


tips：多選：if判斷；單選：所有 remove樣式；當前addclass;

推薦閱讀：