首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何通过jquery / JS从td中获取Id和两个textbox的值

通过jQuery/JS从td中获取Id和两个textbox的值,可以按照以下步骤进行:

  1. 首先,给每个td元素添加一个点击事件,以便在点击时触发获取操作。可以使用jQuery的on()方法来为td元素绑定点击事件。
代码语言:txt
复制
$('td').on('click', function() {
  // 获取Id和textbox的值
});
  1. 在点击事件中,使用jQuery的closest()方法找到当前点击的td元素的父级tr元素,然后使用find()方法找到该tr元素下的所有textbox元素。
代码语言:txt
复制
$('td').on('click', function() {
  var tr = $(this).closest('tr');
  var textbox1 = tr.find('.textbox1');
  var textbox2 = tr.find('.textbox2');
});
  1. 获取td的Id可以通过获取td元素的data属性或者其他自定义属性来实现。假设td元素的Id存储在data-id属性中,可以使用jQuery的data()方法来获取该属性的值。
代码语言:txt
复制
$('td').on('click', function() {
  var tr = $(this).closest('tr');
  var textbox1 = tr.find('.textbox1');
  var textbox2 = tr.find('.textbox2');
  var tdId = $(this).data('id');
});
  1. 最后,可以通过val()方法获取textbox的值。
代码语言:txt
复制
$('td').on('click', function() {
  var tr = $(this).closest('tr');
  var textbox1 = tr.find('.textbox1');
  var textbox2 = tr.find('.textbox2');
  var tdId = $(this).data('id');
  var value1 = textbox1.val();
  var value2 = textbox2.val();
});

综上所述,通过以上步骤可以从td中获取Id和两个textbox的值。请注意,以上代码仅为示例,实际应用中需要根据具体的HTML结构和类名进行相应的调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券