JSFiddle - React, Tailwind, and code Playground
by stanney
HTML
<div data-role="header" data-theme="a" data-position="fixed">
<a href="index.html" data-rel="back" data-icon="arrow-l">Back</a>
<h1>Body Pressure</h1>
<div data-role="navbar">
<ul>
<li><a href="#" data-href="tab-1" class="ui-btn-active">全部</a></li>
<li><a href="#" data-href="tab-2">校園</a></li>
<li><a href="#" data-href="tab-3">在地</a></li>
<li><a href="#" data-href="tab-4">好康</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /header -->
<div class="tab-container" id="tabs">
<div id="tab-1" class="tab-page" data-unit-id="1">
<div data-role="content">
<a href="#manual-popup" class="manual" data-rel="popup" data-role="button"><img src="css/images/manual.gif" height="25" width="200" align="left"/></a>
<a id= "bluetooth" onclick="BP_bluetooth()" data-role="button"><img src="css/images/bluetooth.gif" height="25" width="200" align="left"/></a>
<a onclick="getdata()" data-role="button">獲取藍牙資料</a>
<a onclick="clickButton()" data-role="button"><img src="css/images/nfc.gif" height="25" width="200" align="left"/></a>
<table id="datatable" width="240">
<tr>
<td width="100" class="td01">月份</td>
<td width="100" class="td01">DIA</td>
<td width="100" class="td01">SIS</td>
</tr>
</table>
</div>
<div data-role="popup" id="manual-popup" class="ui-content" data-theme="a">
<form name="BP_manual-form" id="BP_manual-form" action="#">
<div data-role="fieldcontain">
<label for="input-systolic">Systolic(mmHg)</label>
<input type="hidden" name="noteId" id="noteId" value="">
<input...
JavaScript
console.log($('.tab-container').find("div:first"));