如何使用jquery删除textarea中的值
嗨,我的div表中有一行,如下所示:如何使用jquery删除textarea中的值,jquery,html,Jquery,Html,嗨,我的div表中有一行,如下所示: <div class="tbody plb" id="impemail"> <div class="tbc1" style="border-right:none;"> <input class="tblinput sname pvar" type="text"> <input type="hidden" class="ppre" value=""> </di
<div class="tbody plb" id="impemail">
<div class="tbc1" style="border-right:none;">
<input class="tblinput sname pvar" type="text">
<input type="hidden" class="ppre" value="">
</div>
<div class="thc2" style=" width: 75%; border-left:1px dotted #CFCFCF;">
<textarea class="tblinput semails txtInputta pvar" style="font-size:13px;"></textarea>
<input type="hidden" class="ppre" value="">
<div class="errmsg emailerr"></div>
</div>
<div class="hideRow" style="width:20px;float:right;padding:15px 0px 0px 0px;">
<img src="../../../images/redcross.png" alt="" />
</div>
</div>
$(function () {
// Delete row from PTC grid
$('.hideRow').live("click", function () {
$(this).parents('.plb').hide("slow", function () {
$(this).parents('.tblinput sname pvar').val('');
$(this).parents('.tblinput semails txtInputta pvar').val('');
});
})
});
请告诉我如何清除这两个字段,以便在页面重新加载后,这些值不应出现。更改选择器,如下所示:
$(this).parents('.tblinput.sname.pvar').val('');
$(this).parents('.tblinput.semails.txtInputta.pvar').val('');
对于一个元素的多个class
es,您需要使用dot(.)
来连接这些class
名称,而不需要任何空格来在它们之间创建一个选择器,如上所述
你的选择器在做什么 您的选择器
.tblinput sname pvar
是格式。这意味着它在sname
中搜索pvar
,在tblinput
中搜索anssname
,第二个搜索也是如此
相关参考文献:
据评论
更改选择器,如下所示:
$(this).parents('.tblinput.sname.pvar').val('');
$(this).parents('.tblinput.semails.txtInputta.pvar').val('');
对于一个元素的多个class
es,您需要使用dot(.)
来连接这些class
名称,而不需要任何空格来在它们之间创建一个选择器,如上所述
你的选择器在做什么 您的选择器
.tblinput sname pvar
是格式。这意味着它在sname
中搜索pvar
,在tblinput
中搜索anssname
,第二个搜索也是如此
相关参考文献:
据评论
您的主要问题是,在
.hide()
的回调中,this
的值表示要隐藏的元素;正确的遍历技术是.find()
,如$(this.find('.tblinput.sname.pvar').val('')代码>
Javascript
$(function () {
// Delete row from PTC grid
// .live() is deprecated, port to .on()
$('.hideRow').live("click", function () {
//use .closest() instead of .parents() - less traversing
$(this).closest('.plb').hide("slow", function () {
// search down, not up - and no space between class selectors
$(this).find('.tblinput.sname.pvar').val('');
$(this).find('.tblinput.semails.txtInputta.pvar').val('');
});
})
});
您的主要问题是,在.hide()
的回调中,this
的值表示要隐藏的元素;正确的遍历技术是.find()
,如$(this.find('.tblinput.sname.pvar').val('')代码>
Javascript
$(function () {
// Delete row from PTC grid
// .live() is deprecated, port to .on()
$('.hideRow').live("click", function () {
//use .closest() instead of .parents() - less traversing
$(this).closest('.plb').hide("slow", function () {
// search down, not up - and no space between class selectors
$(this).find('.tblinput.sname.pvar').val('');
$(this).find('.tblinput.semails.txtInputta.pvar').val('');
});
})
});
不,这对我没有帮助……早些时候,我尝试了$('.tblinput.sname.pvar').val('');而不是$(this.parents('.tblinput.sname.pvar').val('');然后,我可以清除该类的所有字段,但我只想清除这一行如何执行,使用$(this.parents('').val()是否有错误;像这样??我特别感谢@thecodeparadox…..我引用了那些选择器并得到了解决方案…..不,这对我没有帮助…..之前我尝试了$('.tblinput.sname.pvar').val('');而不是$(this.parents('.tblinput.sname.pvar').val('');然后,我可以清除该类的所有字段,但我只想清除这一行如何执行,使用$(this.parents('').val()是否有错误;像这样??我特别感谢@thecodeparadox…..我引用了那些选择器并得到了解决方案….:)使用.on()
而不是.live()
的语法将是$(document)。on('click','hideRow',handler)
,您可以用最接近的,.hideRow
的静态父元素。使用.on()
而不是.live()
的语法将是$(document)。on('click','.hideRow',handler)
,您可以用最接近的.hideRow
静态父元素替换文档。