Question

我正在尝试在html上创建一个小游戏，我有两个问题（如下所列）。

我的HTML很简单，重要的部分是我有两个父div，彼此相邻，它们被塑造成水族箱（aq1和aq2）。 Aq1最初可以有一些鱼。所有的鱼都是已知的，无法创造出新的鱼。

玩家可以打开aq2的大门以用鱼填充它（用pss形成为鱼）。玩家可以按下它以消失并显示在aq1中。反之亦然。因此，乐趣是不可避免的。

问题1.混合中有一只螃蟹。我不想要一个以上。我如何检查它是否已经初始出现在aq1中并阻止它在aq2填充时再次出现？

问题2. css中是否有解决方案？这样会更优雅。

$(document).ready(function(){

$('.tagsFish').live('click', function(e) {  

    $(this).hide();
    var tagFish = $(this).attr('id');
    tagFish='#'+tagFish+'1';

    $(tagFish).show();
});
$('.newFish').live('click', function(e) {  

    $(this).hide();
    var newFish = $(this).attr('id').replace('1', '');
    newFish='#'+newFish;

    $(fish).show();
});

$('.openGates').live('click', function(e) { 
  $('.openGates').toggleClass('closeGates').text('-'); 

    $('#fishChoices').show();
    var choices = $('#fishChoices');
    var newfish = "";

    newfish += '<p id="fish1" class="fish"> fish </p>'
    +'<p id="fish2" class="fish"> fish </p>'
    +'<p id="fish3" class="fish"> fish </p>'
    +'<p id="fish4" class="fish"> fish </p>'
    +'<p id="fish5" class="fish"> fish </p>'
    +'<p id="fish6" class="fish"> crab </p>'
    +'<p id="fish7" class="fish"> fish </p>'
    +'<p id="fish8" class="fish"> fish </p>'
    +'<p id="fish9" class="fish"> fish </p>'; 
    choices.html(newfish);
});
$('.closeGates').live('click', function(e) {
$('.closeGates').text('+'); 

    $('#fishChoices').hide();
    });
});

我的尝试。我已经

了

var classes = $('#'+aquarium).attr('class').split(' ');
    for(var i = 0; i < classes.length; i++) {

      $('#'+classes[i]+'1').hide();
    }

如何从不同的父div中删除重复的子div？

0 个答案: