我想用JSTL Core代替Jquery格式化代码

时间:2013-01-17 17:41:22

标签: jquery jsp jstl

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很新,但我认为这样做会更干净 - 我只是不知道如何

2 个答案:

答案 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>

这就是我想要完成的事情。我正在尝试学习基本语法并正确使用它。