<style>
body{font-family: arial; }
.nopad{padding-bottom:5px;}
.exBt:before {content: "[+]";float:left;padding-right:3px;}
.exBt_nobtn {height:12px;width:12px;float:left;padding-left:50px;}
</style>
JQuery的:
<script>
jQuery(document).ready(function(){
jQuery(".nopad").each(function(){
if (jQuery(this).find('div').hasClass('.exBt'))
{
jQuery(this).find(".taskName").css('font-weight','bold');
jQuery(this).find(".taskName").css('font-size','16px');
}
});//end each
});//end main
</script>
HTML:
<div class="nopad">
<div class="exBt"></div>
<div class="taskName">This is a title</div>
</div>
<div class="nopad">
<div class="exBt_nobtn"></div>
<div class="taskName">this is subcontent</div>
</div>
<div class="nopad">
<div class="exBt_nobtn"></div>
<div class="taskName">this is subcontent</div>
</div>
此代碼WOR很好。我只是希望它做的工作與此:
<div class="nopad${addDivClass}">
<c:choose>//tests if heading content has child content
<c:when test="${item.nestHead}">
//if it has content use one class(add a-+ icon)
<div class="extBt" id="extBt-${item.itemId}"></div>
</c:when>
<c:otherwise>
//if there is no child content loaded by ajax just indent with another class
<div class="extBt_nobtn" id="extBt-${item.itemId}"></div>
</c:otherwise>
</c:choose>
我很新的JSTL核心,但我覺得做這樣的說法會更清潔 - 我只是不知道
我不清楚問題是什麼 –
我期待着去做jquery做的事情,但是用JSTL核心代替。只是一個JSTL等價物 – namretiolnave
我不明白這個問題 - 你已經知道什麼時候使用每個類,看起來像所有的JS所做的是添加更多的CSS,當它是'.extBt'。使用現在相同的邏輯,並添加另一個類,或修改'extBt'類。 –