JQuery 動態 讓 input 跟着 td 寬度 增加 js文件

時間  2021-01-30
標籤 javascript css html java jquery ide spa htm 欄目 JQuery 简体版
原文   原文鏈接

<html>javascript

<head>css

<script type="text/javascript" src="admin/js/jquery.min.js"></script>html


<body>java

<table id="c1" width="98%" border="1px" cellspacing="0" cellpadding="0" >jquery

<tr>ide

   <td><input name="t1" value="aa1" /></td>spa

   <td id="c2">2</td>htm

   <td>3</td>ip

  </tr>ci

<tr>

<td><input class="test1" id="test1" border="1px"  onkeypress="demo1()" type="text" /></td>

<td><input class="test1" id="test2" onkeypress="demo1()" type="text" /></td>

<td><input class="test1" id="test3" onkeypress="demo1()" type="text" /></td>

</tr>

<tr>

<td>dd</td>

<td>dd</td>

<td>dd</td>

</tr>

<tr>

<td>dd</td>

<td>dd</td>

<td>dd</td>

</tr>

</table>

</body>

<script>

//jQuery代碼

function demo1() {

//var dd = document.getElementsByName('t1')[0].value;//經過名字，獲得input中值，遍歷是從0開始的

//var testLength = document.getElementById('test1').value.length;

var testLength = document.getElementById("c1").rows[0].cells[0].offsetWidth;   //表格中id，table中第一行  第一列

alert("寬度爲：" + testLength);

$('.test1').css('width', testLength*5 + 'px')//點表類，#表id    動態設置input框長度

}

</script>

</html>

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程