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