单击后隐藏相同的值

Question

我在课程span和hi的{​​{1}}中有一些值，但它们有一些相似之处。例如，hello和h1_2中都存在h1_4和span。如何在按钮点击时隐藏重复项hello（hi_2和hi_4）？

$('.click').live('click', function () {
    var val_sp = $(".hi b").map(function () {
        return $(this).text();
    }).toArray();
    //if (.hello == val_sp) {
        $('.hello').text(val_sp).hide()
    //};
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<button class="click">Click</button><p>

<span class="hi">
 <b>hi_1</b>
 <b>hi_2</b>
 <b>hi_3</b>
 <b>hi_4</b>
</span>
    
<span class="hello">    
 <b>hello_1</b>
 <b>hi_2</b>
 <b>hello_3</b>
 <b>hi_4</b>
</span>

Answer 1

我认为你正在寻找这个（按照问题的标题）。

$(".click").click(function(){
   $(".hi b").each(function(){
      $(".hello b:contains("+$(this).text()+")").hide();
   });
});

正在使用 demo

Answer 2

我希望这是你想要的答案

http://jsfiddle.net/yyTH8/7/

$('.click').live('click', function () {
    $(".hi b").each(function(a,b){
        $(".hello:contains("+$(this).html()+")").hide();
    });
});