Javascript没有在浏览器中运行，但在JSFiddle和其他一些html编辑器中工作

时间：2017-06-09 15:56:57

标签： javascript jquery html

我写了这个简单的代码，它从数据库Caspio中获取参数来创建一个简单的表。我只想要这个表1.删除所有空的字段（不是由用户填写）和2.有交替的彩色行，以便更容易看到。我查看了其他论坛，但我找不到一个好的解决方案（我是JS的新手）。该代码适用于JSFiddle以及其他几个html编辑器，但不是全部，它不起作用当我实现它。有谁看到这个问题？我附上了我的所有代码。只是Javascript文件，没有其他附件。

https://jsfiddle.net/c0yoat51/ 

    <table cellpadding="10" class="Form" BORDER="5" WIDTH="95%">
  <tbody>
    <tr>
      <th colspan="2">&nbsp;
        <h3>[@field:TestOrder] - [@field:Facility]</h3>
      </th>
    </tr>
  </tbody>
  <colgroup>
    <col width="250" />
    <col width="750" />
  </colgroup>
  <tbody>
    <tr>
      <th>FIELD</th>
      <th>RESPONSE</th>
    </tr>
    <tr align="LEFT">
      <td>Facility :</td>
      <td>[@field:Facility]</td>
    </tr>
    <tr align="LEFT">
      <td>Patient ID :</td>
      <td>[@field:PatientID]</td>
    </tr>
    <tr align="LEFT">
      <td>First Name :</td>
      <td>[@field:PatientFirst]</td>
    </tr>
    <tr align="LEFT">
      <td>Last Name :</td>
      <td></td>
    </tr>
    <tr align="LEFT">
      <td>Date of Birth:</td>
      <td>[@field:DateOfBirth]</td>
    </tr>
    <tr align="LEFT">
      <td>Gender :</td>
      <td></td>
    </tr>
    <tr align="LEFT">
      <td>Primary Phone :</td>
      <td>[@field:PrimaryPhone]</td>
    </tr>
    <tr align="LEFT">
      <td>Secondary Phone :</td>
      <td>[@field:SecondaryPhone]</td>
    </tr>
    <tr align="LEFT">
      <td>Emergency Contact :</td>
      <td>[@field:EmergencyContact]</td>
    </tr>
    <tr align="LEFT">
      <td>Emergency Number :</td>
      <td>[@field:EmergencyNumber]</td>
    </tr>
    <tr align="LEFT">
      <td>Patient Address :</td>
      <td>[@field:PatientAddress]</td>
    </tr>
    <tr align="LEFT">
      <td>City :</td>
      <td>[@field:City]</td>
    </tr>
    <tr align="LEFT">
      <td>State :</td>
      <td>[@field:State ]</td>
    </tr>
    <tr align="LEFT">
      <td>Zip Code :</td>
      <td>[@field:ZipCode]</td>
    </tr>
    <tr align="LEFT">
      <td>Special Instructions :</td>
      <td>[@field:SpecialInstructions]</td>
    </tr>
    <tr align="LEFT">
      <td>Primary Insurance :</td>
      <td>[@field:PrimaryInsurance]</td>
    </tr>
    <tr align="LEFT">
      <td>Primary Subscriber ID :</td>
      <td>[@field:PrimarySubscriberID]</td>
    </tr>
    <tr align="LEFT">
      <td>Primary Subscriber Relationship :</td>
      <td>[@field:PrmarySubscriberRelationship]</td>
    </tr>
    <tr align="LEFT">
      <td>Secondary Insurance :</td>
      <td>[@field:SecondaryInsurance ]</td>
    </tr>
    <tr align="LEFT">
      <td>Secondary Insurance ID :</td>
      <td>[@field:SecondaryInsuranceID ]</td>
    </tr>
    <tr align="LEFT">
      <td>Secondary Subscriber Relationship :</td>
      <td>[@field:SecondarySubscriberRelationship ]</td>
    </tr>
    <tr align="LEFT">
      <td>Diagnosis :</td>
      <td>[@field:Diagnosis]</td>
    </tr>
    <tr align="LEFT">
      <td>Other Diagnosis :</td>
      <td>[@field:OtherDiagnosis]</td>
    </tr>
    <tr align="LEFT">
      <td>Physician Name :</td>
      <td>[@field:PhysicianName ]</td>
    </tr>
    <tr align="LEFT">
      <td>Other Physician :</td>
      <td>[@field:OtherPhysician]</td>
    </tr>
    <tr align="LEFT">
      <td>Physician Phone :</td>
      <td>[@field:PhysicianPhone]</td>
    </tr>
    <tr align="LEFT">
      <td>Physician Fax :</td>
      <td>[@field:PhysicianFax]</td>
    </tr>
    <tr align="LEFT">
      <td>After Hours Phone :</td>
      <td>[@field:AfterHoursPhone]</td>
    </tr>
    <tr align="LEFT">
      <td>Test Order :</td>
      <td>[@field:TestOrder]</td>
    </tr>
    <tr align="LEFT">
      <td>Test Duration :</td>
      <td>[@field:TestDuration]</td>
    </tr>
    <tr align="LEFT">
      <td>Holter Performed :</td>
      <td>[@field:HolterPerformed]</td>
    </tr>
    <tr align="LEFT">
      <td>Holter Test Order :</td>
      <td>[@field:HolterTestOrder]</td>
    </tr>
    <tr align="LEFT">
      <td>Holter Duration :</td>
      <td>[@field:HolterDuration]</td>
    </tr>
    <tr align="LEFT">
      <td>Previous Holter Date :</td>
      <td>[@field:PreviousHolterDate]</td>
    </tr>
    <tr align="LEFT">
      <td>Requested Start Date :</td>
      <td>[@field:RequestedStartDate]</td>
    </tr>
    <tr align="LEFT">
      <td>Receive Monitor :</td>
      <td>[@field:ReceiveMonitor]</td>
    </tr>
    <tr align="LEFT">
      <td>Recorder ID Number :</td>
      <td>[@field:RecorderIDNumber ]</td>
    </tr>
    <tr align="LEFT">
      <td>H_P :</td>
      <td>[@field:H_P]</td>
    </tr>
    <tr align="LEFT">
      <td>Upload HP :</td>
      <td>[@field:UpploadHP]</td>
    </tr>
    <tr align="LEFT">
      <td>Authorize :</td>
      <td>[@field:Authorize]</td>
    </tr>
    <tr align="LEFT">
      <td>Submit :</td>
      <td></td>
    </tr>

  </tbody>
</table>
<script type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
  $('.Form tr').filter(function() {
    return $(this).find('td:eq(1):empty').length > 0;
  }).hide();

</script>
<style type="text/css">
  tr:nth-child(even) {
    background-color: #D3D3D3
  }

</style>

请帮助，谢谢！

所有的javascript代码都在底部，其余的只是制作表格

因此，复制和粘贴的相同代码将无法在https://html-online.com/editor/

中运行

1 个答案:

答案 0 :(得分：1)

你需要在document.ready中应用你的代码。加载后它只会运行窗口。nbsp;不能从:empty中选择。你需要trim()。然后才得到空格td也。!匹配td

的空元素 
$(document).ready(function() {
     $('.Form').find('tbody tr').filter(function() {
        return !$(this).find('td:eq(1)').text().trim()
      }).hide()
    })

<强>更新

＆＃13;
＆＃13; 
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Nisha Jewellery</title>
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('.Form').find('tbody tr').filter(function() {
        return !$(this).find('td:eq(1)').text().trim()
      }).hide()
    })
  </script>
  <style type="text/css">
    tr:nth-child(even) {
      background-color: #D3D3D3
    }
  </style>
</head>

<body>
  <table class="Form" border="5" width="95%" cellpadding="10">
    <thead>
      <tr>
        <th colspan="2">&nbsp;
          <h3>[@field:TestOrder] - [@field:Facility]</h3>
        </th>
      </tr>
    </thead>
    <colgroup>
      <col width="250" />
      <col width="750" /> </colgroup>
    <tbody>
      <tr>
        <th>FIELD</th>
        <th>RESPONSE</th>
      </tr>
      <tr align="LEFT">
        <td>Facility :</td>
        <td>[@field:Facility]</td>
      </tr>
      <tr align="LEFT">
        <td>Patient ID :</td>
        <td>[@field:PatientID]</td>
      </tr>
      <tr align="LEFT">
        <td>First Name :</td>
        <td>[@field:PatientFirst]</td>
      </tr>
      <tr align="LEFT">
        <td>Last Name :</td>
        <td>&nbsp;</td>
      </tr>
      <tr align="LEFT">
        <td>Date of Birth:</td>
        <td>[@field:DateOfBirth]</td>
      </tr>
      <tr align="LEFT">
        <td>Gender :</td>
        <td>&nbsp;</td>
      </tr>
      <tr align="LEFT">
        <td>Primary Phone :</td>
        <td>[@field:PrimaryPhone]</td>
      </tr>
      <tr align="LEFT">
        <td>Secondary Phone :</td>
        <td>[@field:SecondaryPhone]</td>
      </tr>
      <tr align="LEFT">
        <td>Emergency Contact :</td>
        <td>[@field:EmergencyContact]</td>
      </tr>
      <tr align="LEFT">
        <td>Emergency Number :</td>
        <td>[@field:EmergencyNumber]</td>
      </tr>
      <tr align="LEFT">
        <td>Patient Address :</td>
        <td>[@field:PatientAddress]</td>
      </tr>
      <tr align="LEFT">
        <td>City :</td>
        <td>[@field:City]</td>
      </tr>
      <tr align="LEFT">
        <td>State :</td>
        <td>[@field:State ]</td>
      </tr>
      <tr align="LEFT">
        <td>Zip Code :</td>
        <td>[@field:ZipCode]</td>
      </tr>
      <tr align="LEFT">
        <td>Special Instructions :</td>
        <td>[@field:SpecialInstructions]</td>
      </tr>
      <tr align="LEFT">
        <td>Primary Insurance :</td>
        <td>[@field:PrimaryInsurance]</td>
      </tr>
      <tr align="LEFT">
        <td>Primary Subscriber ID :</td>
        <td>[@field:PrimarySubscriberID]</td>
      </tr>
      <tr align="LEFT">
        <td>Primary Subscriber Relationship :</td>
        <td>[@field:PrmarySubscriberRelationship]</td>
      </tr>
      <tr align="LEFT">
        <td>Secondary Insurance :</td>
        <td>[@field:SecondaryInsurance ]</td>
      </tr>
      <tr align="LEFT">
        <td>Secondary Insurance ID :</td>
        <td>[@field:SecondaryInsuranceID ]</td>
      </tr>
      <tr align="LEFT">
        <td>Secondary Subscriber Relationship :</td>
        <td>[@field:SecondarySubscriberRelationship ]</td>
      </tr>
      <tr align="LEFT">
        <td>Diagnosis :</td>
        <td>[@field:Diagnosis]</td>
      </tr>
      <tr align="LEFT">
        <td>Other Diagnosis :</td>
        <td>[@field:OtherDiagnosis]</td>
      </tr>
      <tr align="LEFT">
        <td>Physician Name :</td>
        <td>[@field:PhysicianName ]</td>
      </tr>
      <tr align="LEFT">
        <td>Other Physician :</td>
        <td>[@field:OtherPhysician]</td>
      </tr>
      <tr align="LEFT">
        <td>Physician Phone :</td>
        <td>[@field:PhysicianPhone]</td>
      </tr>
      <tr align="LEFT">
        <td>Physician Fax :</td>
        <td>[@field:PhysicianFax]</td>
      </tr>
      <tr align="LEFT">
        <td>After Hours Phone :</td>
        <td>[@field:AfterHoursPhone]</td>
      </tr>
      <tr align="LEFT">
        <td>Test Order :</td>
        <td>[@field:TestOrder]</td>
      </tr>
      <tr align="LEFT">
        <td>Test Duration :</td>
        <td>[@field:TestDuration]</td>
      </tr>
      <tr align="LEFT">
        <td>Holter Performed :</td>
        <td>[@field:HolterPerformed]</td>
      </tr>
      <tr align="LEFT">
        <td>Holter Test Order :</td>
        <td>[@field:HolterTestOrder]</td>
      </tr>
      <tr align="LEFT">
        <td>Holter Duration :</td>
        <td>[@field:HolterDuration]</td>
      </tr>
      <tr align="LEFT">
        <td>Previous Holter Date :</td>
        <td>[@field:PreviousHolterDate]</td>
      </tr>
      <tr align="LEFT">
        <td>Requested Start Date :</td>
        <td>[@field:RequestedStartDate]</td>
      </tr>
      <tr align="LEFT">
        <td>Receive Monitor :</td>
        <td>[@field:ReceiveMonitor]</td>
      </tr>
      <tr align="LEFT">
        <td>Recorder ID Number :</td>
        <td>[@field:RecorderIDNumber ]</td>
      </tr>
      <tr align="LEFT">
        <td>H_P :</td>
        <td>[@field:H_P]</td>
      </tr>
      <tr align="LEFT">
        <td>Upload HP :</td>
        <td>[@field:UpploadHP]</td>
      </tr>
      <tr align="LEFT">
        <td>Authorize :</td>
        <td>[@field:Authorize]</td>
      </tr>
      <tr align="LEFT">
        <td>Submit :</td>
        <td>&nbsp;</td>
      </tr>
    </tbody>
  </table>
</body>

</html>
＆＃13;
＆＃13;
＆＃13;

相关问题
最新问题