Javascript 删除trjquery_Javascript_Jquery_Html

Javascript 删除trjquery

javascript jquery html

Javascript 删除trjquery,javascript,jquery,html,Javascript,Jquery,Html,我使用jquery在表中追加行。但我发现很难消除这一争吵。我应该在父级中标记什么以删除该行 e、预防默认值（）$（this.parent（'tr'）.remove（）；x-- $（文档）。准备好了吗( 函数（）{ var max_fields=10；//允许的最大输入框数 var wrapper=$（“.input_fields_wrapp”）；//字段包装器 var add_button=$（“.add_字段_button”）；//添加按钮ID var x=1；//初始文本框计数 $（添

我使用jquery在表中追加行。但我发现很难消除这一争吵。我应该在父级中标记什么以删除该行

e、预防默认值（）$（this.parent（'tr'）.remove（）；x--

$（文档）。准备好了吗(
函数（）{
var max_fields=10；//允许的最大输入框数
var wrapper=$（“.input_fields_wrapp”）；//字段包装器
var add_button=$（“.add_字段_button”）；//添加按钮ID
var x=1；//初始文本框计数
$（添加按钮）。单击(
函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x

添加更多字段
使用
而不是
    $(this).parent('tr').remove();

使用
而不是
    $(this).parent('tr').remove();

停止在$（）
中包装包装器
和添加按钮
，在变量声明期间包装一次就足够了
 停止包装包装
和添加按钮
在$（）
中，在变量声明过程中包装一次就足够了
 试试这个
 $(this).parent().closest('tr').remove();

在您的案例中替换此代码
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text        
        e.preventDefault();  $(this).parent().closest('tr').remove(); x--;
    })

试试这个
 $(this).parent().closest('tr').remove();

在您的案例中替换此代码
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text        
        e.preventDefault();  $(this).parent().closest('tr').remove(); x--;
    })

试试这个：-
<html>

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
var max_fields      = 10; //maximum input boxes allowed
var wrapper         = $(".input_fields_wrap"); //Fields wrapper
var add_button      = $(".add_field_button"); //Add button ID

var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
    e.preventDefault();
    if(x < max_fields){ //max input box allowed
        x++; //text box increment
        $(wrapper).append('<tr><td><input type="text" name="mytext[]"/></td> <td><a href="javascript:void(0)" class="remove_field">Remove</a></td></tr>'); //add input box
    }
});

$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
     $(this).closest('tr').remove(); x--;
})
});

</script>
<style>


</style>
</head> 

<body>


<table class="input_fields_wrap" border="1">
<tr><td><input type="text" name="mytext[]"/></td><td><a href="#"class="remove_field">Remove</a></td></tr>
<button class="add_field_button">Add More Fields</button>
 </table>



</body>
</html>


$（文档）.ready（函数（）{
var max_fields=10；//允许的最大输入框数
var wrapper=$（“.input_fields_wrapp”）；//字段包装器
var add_button=$（“.add_字段_button”）；//添加按钮ID
var x=1；//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x
试试这个：-
<html>

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
var max_fields      = 10; //maximum input boxes allowed
var wrapper         = $(".input_fields_wrap"); //Fields wrapper
var add_button      = $(".add_field_button"); //Add button ID

var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
    e.preventDefault();
    if(x < max_fields){ //max input box allowed
        x++; //text box increment
        $(wrapper).append('<tr><td><input type="text" name="mytext[]"/></td> <td><a href="javascript:void(0)" class="remove_field">Remove</a></td></tr>'); //add input box
    }
});

$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
     $(this).closest('tr').remove(); x--;
})
});

</script>
<style>


</style>
</head> 

<body>


<table class="input_fields_wrap" border="1">
<tr><td><input type="text" name="mytext[]"/></td><td><a href="#"class="remove_field">Remove</a></td></tr>
<button class="add_field_button">Add More Fields</button>
 </table>



</body>
</html>


$（文档）.ready（函数（）{
var max_fields=10；//允许的最大输入框数
var wrapper=$（“.input_fields_wrapp”）；//字段包装器
var add_button=$（“.add_字段_button”）；//添加按钮ID
var x=1；//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x
是否要删除TR标记？$（this）.closest（'TR'）.remove（）？单击“添加更多字段”后会追加一行（tr）。单击Removea时应删除整行（tr）是否尝试删除tr标记？$（this）.closest（'tr'）.remove（）？单击“添加更多字段”后会追加一行（tr）。一整行（tr）应该在点击removeIts时删除，现在可以正常工作。它可以删除我添加的所有行。现在可以正常工作。它可以删除我添加的所有行。