javascript - 使用jquery选择html表中输入元素的值

标签 javascript jquery html

我有一个 html 表格,有 n 行和 4 列。每行内 td我有 2 个子元素 - label和一个input 。我想检查 input 的值第二下tdonblur事件发生在input第三下 td .

我想提醒 input 的值第二下td (即; headers="ACNO")当 onblur 时发生在第 3 个 td 下的输入处(即;headers=“CREDIT”)。所以我写了下面的javascript函数sum_cr()作为

function sum_cr() {
  alert('Hi');
  alert($(pThis).parent().eq(2).children('accno').val());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tbody>
    <tr>
      <td headers="DAYDT">
        <label for="f01_0050" class="u-VisuallyHidden"> </label>
        <input name="f01" value="28-05-2018" type="text">
      </td>
      <td headers="ACNO">
        <label for="f03_0050" class="u-VisuallyHidden"> </label>
        <input name="f03" value="1413/4" class="accno" type="text">
      </td>
      <td headers="CREDIT">
        <label for="f04_0050" class="u-VisuallyHidden"></label>
        <input name="f04" value="100" class="cr_amt" onblur="sum_cr();" id="f04_0050" type="text">
      </td>
      <td headers="FINE AMT">
        <label for="f06_0050" class="u-VisuallyHidden"> </label>
        <input name="f06" value="" id="f06_0050" type="text">
      </td>
    </tr>
  </tbody>
</table>

但是我的 JavaScript 代码失败了。有人可以帮助我获得值(value)吗?

JSfiddle:https://jsfiddle.net/nidheeshmtr/nmku2gq1/4/

最佳答案

function sum_cr(ele) {

  alert('Hi')
  alert('using prev(): '+$(ele).parent('td').prev('td').find('input').val());
  //or you can use below for input value under 2nd td element
  alert('using nth-child(): '+$('tr td:nth-child(2)').find('input').val());
  //if you know attributes of TD tag, u can use below
  alert('using attribute selector: '+$('td[headers="ACNO"]').find('input').val());
  //by using siblings, get the parent 2nd sibling
  alert('using siblings(): '+$(ele).parent().siblings(':nth-child(2)').find('input').val());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <td headers="DAYDT">
        <label for="f01_0050" class="u-VisuallyHidden"> </label>
        <input name="f01" value="28-05-2018" type="text">
      </td>
      <td headers="ACNO">
        <label for="f03_0050" class="u-VisuallyHidden"> </label>
        <input name="f03" value="1413/4" class="accno" type="text">
      </td>
      <td headers="CREDIT">
        <label for="f04_0050" class="u-VisuallyHidden"></label>
        <input name="f04" value="100" class="cr_amt" onblur="sum_cr(this);" id="f04_0050" type="text">
      </td>
      <td headers="FINE AMT">
        <label for="f06_0050" class="u-VisuallyHidden"> </label>
        <input name="f06" value="" id="f06_0050" type="text">
      </td>
    </tr>
  </tbody>
</table>

关于javascript - 使用jquery选择html表中输入元素的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50577626/

相关文章:

php - 如果过滤器输入为空,则重置结果

javascript - Json 字符串未显示在我的 jsp 页面上

javascript - 滚动 Dropdown li 元素直到元素可见

javascript - Angular 4 : setValue formBuilder empty array

Javascript - 使用匹配来查找两个单词并返回它们之间的所有文本(尽管有换行符)

javascript - 如何在 Application.cfc 的 onRequestStart() 中包含 JavaScript

jquery jqplot jqplot.highlighter 在多系列图表中显示系列名称

JavaScript 和响应式设计

javascript - Ext JS 工具栏和面包屑示例在 JSFiddle 中不起作用

Android软键盘弄乱了视口(viewport)高度并且永远不会将其设置回来