Jquery 如果跨距包含特定文本,则添加显示:无;

Jquery 如果跨距包含特定文本,则添加显示:无;,jquery,Jquery,首先,它必须显示注释字段,单击查看字段nothing(滑动切换),然后如果找到“Anonimo”,它应该替换滑动切换->显示:块;显示:无 $(document).ready(function(){ $('.views-field-nothing').click(function(){ $(this).parent().find('.comments-toggle').slideToggle("fast"); $('.comments-toggle:con

首先,它必须显示注释字段,单击查看字段nothing(滑动切换),然后如果找到“Anonimo”,它应该替换滑动切换->显示:块;显示:无

$(document).ready(function(){
    $('.views-field-nothing').click(function(){
        $(this).parent().find('.comments-toggle').slideToggle("fast");
        $('.comments-toggle:contains('Anonimo')').css("display", "none");    
    });   
});

评论
雅诺尼姆
评论
上尉
单击函数“view field nothing”div中的第二个“Commenti”后,slideToggle()必须编写一个显示:block;在html中,就像下面这样

<div class="views-row">
    <div class="views-field-nothing">
        <span class="field-content">
            <span class="comments">COMMENTI</span>
        </span>
    </div>
    <div class="views-field-name">
        <span class="field-content">
            <span class="comments-toggle">Anonimo</span>
        </span>
    </div>
</div> 

<div class="views-row">
    <div class="views-field-nothing">
        <span class="field-content">
            <span class="comments">COMMENTI</span>
        </span>
    </div>
    <div class="views-field-name">
        <span class="field-content">
            <span class="comments-toggle">Utente A</span>
        </span>
    </div>
</div> 

评论
雅诺尼姆
评论
上尉
如果我单击第一个“COMMENTI”,它将在span中找到“Anonimo”字符串,并在span的末尾写入显示:无

 <div class="views-row">
   <div class="views-field-nothing">
      <span class="field-content">
          <span class="comments">COMMENTI</span>
      </span>
 </div>
 <div class="views-field-name">
    <span class="field-content">
        <span class="comments-toggle">Anonimo</span>
    </span>
 </div>
</div> 

<div class="views-row">
 <div class="views-field-nothing">
     <span class="field-content">
         <span class="comments">COMMENTI</span>
     </span>
</div>
<div class="views-field-name">
    <span class="field-content">
        <span class="comments-toggle" display:block;>Utente A</span>
     </span>
 </div>
</div> 

评论
雅诺尼姆
评论
上尉

如果您已经在开括号中,则必须使用双引号
或转义单引号
\”

 <div class="views-row">
   <div class="views-field-nothing">
      <span class="field-content">
          <span class="comments">COMMENTI</span>
      </span>
 </div>
 <div class="views-field-name">
    <span class="field-content">
        <span class="comments-toggle" style="display:none;">Anonimo</span>
    </span>
 </div>
</div> 

<div class="views-row">
 <div class="views-field-nothing">
     <span class="field-content">
         <span class="comments">COMMENTI</span>
     </span>
</div>
<div class="views-field-name">
    <span class="field-content">
        <span class="comments-toggle" style="display:block;">Utente A</span>
     </span>
 </div>
</div> 

编辑:这是根据您更新的问题更新的脚本。可以先隐藏所有的
Anonimo
跨度,然后检查是否在不包含
Anonimo
的跨度上使用幻灯片动画:

$(".comments-toggle:contains('Anonimo')").css("display", "none");    

下面是修改后的JSFIDLE:

$('.comments-toggle:contains('Anonimo'))。hide()将执行与设置
display=none
No相同的操作,因为.slideToggle()添加了一个“display:block;“style to.comments toggle和.hide()函数不编写显示:none设置fiddle()来演示问题。以下两个答案都是代码中的有效问题,您可能只需要将它们组合起来。在第二种情况下,是否希望
Anonimo
隐藏/显示(而不是“幻灯片”)当点击它的
COMMENTI
时,Anonimo是我不想被显示的东西,是drupal在没有评论时放在那里的东西。因此,如果我点击“COMMENTI”并且脚本找到“Anonimo”,它不必显示整个跨度,但显示:block;of.slideToggle()不会被显示所取代:无;如果您发布一些相关的html,可能会有所帮助。COMMENTI Anonimo是的,但这样,它通过单击“COMMENTI”来关闭Anonimo,我想要“Anonimo”如果包含在span中,则字符串不会自动显示。您是否可以更新问题中的html,其中既有要隐藏的注释,也有要“滑动”的注释?
$(document).ready(function(){
    $(".comments-toggle:contains('Anonimo')").hide();
    $('.views-field-nothing').click(function(){
        var field = $(this).siblings('.views-field-name').find('.comments-toggle');
        if (field.text() != 'Anonimo')
            field.slideToggle("fast");
    });   
});