javascript - 是否可以从兄弟元素上下文中选择 jquery 上下文中的文本？

Question

例如，代码是:

<ul>
   <li><strong>This is a list header.</strong> And I want this text to disappear because this is not a list header!</li>
</ul>

JavaScript 代码是:

$('ul li').hide();
$('ul li strong').fadeIn();

我想要实现的是隐藏不在 <strong> 中的文本.

Answer 1

尝试将该文本包装在 span 中并执行，

HTML:

<ul>
   <li>
     <strong>This is a list header.</strong>
     <span>And I want this text to disappear because this is not a list header!</span>
   </li>
</ul>

JS:

$('ul li >').hide().filter('strong').fadeIn();

DEMO