如何使用jquery删除textarea中的值

如何使用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表中有一行,如下所示:

<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
中搜索ans
sname
,第二个搜索也是如此


相关参考文献:


据评论
更改选择器,如下所示:

$(this).parents('.tblinput.sname.pvar').val('');
$(this).parents('.tblinput.semails.txtInputta.pvar').val('');
对于一个元素的多个
class
es,您需要使用
dot(.)
来连接这些
class
名称,而不需要任何空格来在它们之间创建一个选择器,如上所述


你的选择器在做什么 您的选择器
.tblinput sname pvar
格式。这意味着它在
sname
中搜索
pvar
,在
tblinput
中搜索ans
sname
,第二个搜索也是如此


相关参考文献:


据评论
您的主要问题是,在
.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
静态父元素替换
文档。