使用 jQuery 动态设置输入值

Question

我有一个数据和输入字段的电子表格。

当输入字段为空时，应单击 class "shipdate" 行中的复制文本按钮。 我总是复制代码中的条目。 谁能告诉我我错在哪里。

这是我的代码

 $(".btn-yes").click(function() { var $val = $(document).find('.date'); $('.date').each(function() { var $val = $(this).val(); if ($val === "") { $('tr').each(function() { var $this = $(this), daata = $this.find('td.shipdate').html(); $this.find('input').val(anData); }) } else( console.log("empty") ) }) })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div> <table> <thead> <tr> <th>Example1</th> <th>Example2</th> <th>Example3</th> <th>Example4</th> </tr> </thead> <tbody> <tr> <td> text1</td> <td> text2 </td> <td> <input type="text" value="" class="date" /> </td> <td class="shipdate"> 31.10.2019.</td> </tr> <tr> <td> text1</td> <td> text2 </td> <td> <input type="text" value="" class="date" /> </td> <td class="shipdate"> 31.10.2019.</td> </tr> <tr> <td> text1</td> <td> text2 </td> <td> <input type="text" value="" class="date" /> </td> <td class="shipdate"> 31.10.2019.</td> </tr> <tr> <td> text1</td> <td> text2 </td> <td> <input type="text" value="" class="date" /> </td> <td class="shipdate"> 31.10.2019.</td> </tr> </tbody> </table> <div> <button class="btn-yes"> Click here </button> </div> </div>

Answer 1

你可能是这个意思。 注意我必须修剪并删除shipdate中的尾随点

如果 shipdate 单元格包含没有尾随点的日期，您可以删除 the.slice(0,-1)

如果您愿意，您还可以自由地将$(this).parent().next().text()更改为$(this).closest("tr").find(".shipdate").text()移动细胞

 $(".btn-yes").click(function() { $('.date').each(function() { var $val = $(this).val(); var shipdate = $.trim($(this).parent().next().text()).slice(0,-1) $(this).val($val === ""? shipdate: $val) }) })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div> <table> <thead> <tr> <th>Example1</th> <th>Example2</th> <th>Example3</th> <th>Example4</th> </tr> </thead> <tbody> <tr> <td> text1</td> <td> text2 </td> <td> <input type="text" value="" class="date" /> </td> <td class="shipdate"> 31.10.2019.</td> </tr> <tr> <td> text1</td> <td> text2 </td> <td> <input type="text" value="" class="date" /> </td> <td class="shipdate"> 31.10.2019.</td> </tr> <tr> <td> text1</td> <td> text2 </td> <td> <input type="text" value="" class="date" /> </td> <td class="shipdate"> 31.10.2019.</td> </tr> <tr> <td> text1</td> <td> text2 </td> <td> <input type="text" value="" class="date" /> </td> <td class="shipdate"> 31.10.2019.</td> </tr> </tbody> </table> <div> <button class="btn-yes"> Click here </button> </div> </div>