如何使一個按鈕出現與jQuery的一行

我使用laravel從數據庫顯示屏幕上的用戶。如何使一個按鈕出現與jQuery的一行

我在一個表中顯示每個用戶都是表格行的用戶。另外每個表格行都是單獨的表格。我希望管理員能夠保存每一行的分隔。

USERNAME  FIRSTNAME  LAST NAME SAVE BUTTON 
-------------------------------------------------------- 
[username] [first name] [last name] [ save button] 
[ username2] [firstname] [last name] [ save button]

所以我做了一個叫做'rowaver'的類。行中的每個元素都有這個類。僅

$('.btnvanish').hide(); 


$('.rowsaver').on('change',function() { 
    $('.btnvanish').show(); 

});

當在文本字段的元素被改變的保存按鈕（在該行的末端）彈出-理想管材：保存按鈕具有類「btnvanish」在文件準備我隱藏保存按鈕問題是每一行的每個保存按鈕都會彈出。

我希望保存按鈕僅彈出文本框被更改的行。有沒有人有一個想法，我可以做到這一點？

這是我的錶行之一：

<tr> 
    {{Form::open(array('url' => 'KSMschema')) }} 
    <td> {{Form::textarea('Werkwijze',$user->Werkwijze, array('style' => 'height: 30px; overflow: hidden', 'class' => 'form-control textbox rowsaver')) }} </td> 
    <td> {{Form::textarea('Werkwijze',$user->Werkwijze, array('style' => 'height: 30px; overflow: hidden', 'class' => 'form-control textbox rowsaver')) }} </td> 
    <td>{{Form::submit('Opslaan', array('class' => 'btn btn-primary btnvanish'))}}</td> 
    {{Form::close()}} 
</tr>

...

來源

2014-02-20 michellevanderbeeks

沒有看到任何HTML標記，我們只能猜測。也許：'$（this）.find（'。btnvanish'）。show（）;'現在請發佈相關的HTML標記 –

我的代碼可能不會是完美的，因爲我沒有看到你的HTML，但一般需要根據查找按鈕更改的行：

$('.rowsaver').on('change',function() { 
    $(this).closest('tr').find('.btnvanish').show(); 
});

由於它是基於猜測一點解釋：

this - 輸入，改變

.closest('tr') - 我相信你行被放置在TR，所以找到正確的行

.find('.btnvanish').show() - 在採摘排找到按鈕，顯示它

我希望你能得到的想法或者您可以發佈html，我們可以幫助您獲得更準確的答案。

來源

2014-02-20 10:29:15 MSadura

我添加了HTML代碼：DI無法獲得您提供的代碼工作:(我想我在這裏犯了一個錯誤 – michellevanderbeeks

http://jsfiddle.net/vNFhp/工作例子如果你仍然遇到問題，請解釋當你使用我的代碼時發生了什麼 – MSadura

如何使一個按鈕出現與jQuery的一行

回答

相關問題