变化元素值

我有这样的一个表：变化元素值

Column 1 | Column 2 
------------------- 
Textbox1 | Text1 
Textbox2 | Text2

我想改变Textbox1值，当光标移出它将运行change事件到Text1值替换到Success 。

<html> 
    <head> 
     <title>Demo - Change Value</title> 
     <script type="text/javascript" language="javascript" src="js/jquery.js"></script> 
     <script> 
      $(document).ready(function() { 
       $('#example table tbody tr td input').change(function() { 
        var rowEdit = $($(this).parents('tr').html()); 

        rowEdit.closest('.sub').html('Success'); 
<!--     $('.sub').html('Change');--> 
       }) 
      }) 
     </script> 
    </head> 

    <body> 
     <div id="example"> 
      <table> 
       <thead> 
        <th>Column 1</th> 
        <th>Column 2</th> 
       </thead> 
       <tbody> 
        <tr> 
         <td><input type="text" /></td> 
         <td class="sub">123</td> 
        </tr> 
        <tr> 
         <td><input type="text" /></td> 
         <td class="sub">456</td> 
        </tr> 
       </tbody> 
      </table> 
     </div> 
    </body> 
</html>

的问题是，价值并没有改变我叫rowEdit.closest('.sub').html('success');之后，但它会改变Text1和Text2如果我用$('.sub').html('Change');。

我的目标是更改列2中的文本，当我更改第1列的值input与同一行。我怎样才能做到这一点？

来源

2012-08-29 Crazenezz

增加了一个答案。 – insomiac

试试这个：

$(document).ready(function() { 
    $('#example table tbody tr td input').change(function() { 
    var rowEdit = $(this).parents('tr'); 
    rowEdit.children('.sub').html('Success'); 
    }) 
})

既然你获取父TR元素，儿童（）应该做的伎俩。

这里是jsFiddle

来源

2012-08-29 04:29:51

不需要将'rowEdit'重新包装为jQuery对象。您已经在初始变量实例化中引用它。 – Ohgodwhy

谢谢@Ohgodwhy，更新了代码。 –

@SenthilKumar：谢谢，它的工作原理。 – Crazenezz

不知道我理解正是你正在尝试做的，但检查了这一点

JsFiddle Demo

来源

2012-08-29 04:39:26 hsalama

添加更改JS小提琴：http://jsfiddle.net/abhisheks/ZPLdu/2

请让我知道，如果有任何其他变化。

来源

2012-08-29 04:40:11 insomiac

试试这个.... FIDDLE

$('#example input').change(function() { 
    $(this).closest('tr').find('td.sub').html('Success'); 
});

来源

2012-08-29 04:40:54 Vins

变化​​元素值

回答

相关问题