CSS:
<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>
此代码工作正常。我只是想让它用这个来做:
<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 Core很新,但我认为这样做会更干净 - 我只是不知道如何
答案 0 :(得分:1)
如果我做对了,你希望你的jstl代码选择一些取决于ajax请求结果的东西。但这是不可能的,因为jstl代码在服务器端运行,而javascript在客户端运行。 Jist更仔细地阅读jstl和jsp,你会理解:)
答案 1 :(得分:0)
<c:choose>
<c:when test="${item.nestHead}"> //test for content
<div class="superset-head" style="font-weight:bold">${item.name}</div>//bold
</c:when>
<c:otherwise>
<div class="superset-head">${item.name}</div>//not bold
</c:otherwise>
</c:choose>
这就是我想要完成的事情。我正在尝试学习基本语法并正确使用它。