Javascript 根据条件、GSP、JQ,在订单行上应用一个删除行

Javascript 根据条件、GSP、JQ,在订单行上应用一个删除行,javascript,groovy,gsp,Javascript,Groovy,Gsp,我在表格中显示对象列表,每个对象显示一行。如果对象的某个参数设置为1,则我希望某个特定行上有一条贯穿线。这是我的密码: <% patientOrders.each { order -> %> <tr class="orderRow"> <% if(order.discontinued == 1) { %> <script type="text/javascript"> jq(this).closest('.orde

我在表格中显示对象列表,每个对象显示一行。如果对象的某个参数设置为1,则我希望某个特定行上有一条贯穿线。这是我的密码:

<% patientOrders.each { order -> %>

 <tr class="orderRow">

  <% if(order.discontinued == 1) { %>

   <script type="text/javascript">
     jq(this).closest('.orderRow').css({"text-decoration": "line-through","text-decoration-color": "red"});
   </script>
  <% } %>

  <td>${ order.drugname.getDisplayString().toUpperCase() }</td>
  <td>${ order.startdate.format('yyyy-MM-dd') }</td>

 </tr>
<% } %>
%>
jq(this).closest('.orderRow').css({“文本装饰”:“线条通过”,“文本装饰颜色”:“红色”});
${order.drugname.getDisplayString().toUpperCase()}
${order.startdate.format('yyyy-MM-dd')}
表中列出了每个患者医嘱。对于“中止”参数设置为1的所有订单,将显示一条执行线。 我无法实现这一点。谁能帮帮我吗


谢谢大家!

您可以有条件地在“tr”上添加一个类,用于中断订单,并为strike through编写CSS,可能如下所示:

<% patientOrders.each { order -> %>

 <tr class="orderRow <% if(order.discontinued == 1) { %> discontinued <% } %>">

  <td>${ order.drugname.getDisplayString().toUpperCase() }</td>
  <td>${ order.startdate.format('yyyy-MM-dd') }</td>

 </tr>
<% } %>
注意:大多数主要浏览器不支持文本装饰颜色,您可以使用
color:red
,但它也会更改文本颜色

如果您希望删除线为红色,而文本为不同颜色,则可以覆盖td的颜色以及上面的CSS,以实现这一点:

CSS:

orderRow.discontinued{
    text-decoration: line-through;
    text-decoration-color: red;
}
.orderRow td{
    color: black;
}