打开/关闭搜索
打开/关闭菜单
228
885
35
2802
植物大战僵尸杂交版Wiki
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

微件:PlantFilter：修订间差异

来自植物大战僵尸杂交版Wiki
更多操作
下一编辑→
创建页面，内容为“<includeonly> <style> .pvzhe-filter-box { margin: 10px 0; padding: 10px; background: #f5f5f5; border: 1px solid #ccc; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .pvzhe-filter-box input, .pvzhe-filter-box select { padding: 4px; } .pvzhe-card.hidden-card { display: none; } </style> <div class="pvzhe-filter-box"> <input type="text" id="pf-name" placeholder="名称搜索..."> <label>阳光 ≤ <input type="number" id=…”
 
无编辑摘要
第26行： 第26行：
     <option value="">全部类型</option>
     <option value="">全部类型</option>
     <option value="生产">生产</option>
     <option value="生产">生产</option>
     <option value="攻击">攻击</option>
     <option value="远程">远程</option>
     <option value="防御">防御</option>
     <option value="防御">防御</option>
     <option value="一次性">一次性</option>
     <option value="爆炸">爆炸</option>
    <option value="灰烬">灰烬</option>
    <option value="治愈">治愈</option>
    <!-- 根据需要添加更多选项 -->
   </select>
   </select>
   <button id="pf-reset">重置</button>
   <button id="pf-reset">重置</button>
第38行： 第35行：
<script>
<script>
(function() {
(function() {
   var $cards = $('.pvzhe-card');
   // 等页面加载完再执行
  function filterCards() {
  document.addEventListener('DOMContentLoaded', function() {
     var name = $('#pf-name').val().toLowerCase();
     var nameInput = document.getElementById('pf-name');
     var sunMax = parseFloat($('#pf-sun-max').val()) || Infinity;
     var sunMaxInput = document.getElementById('pf-sun-max');
     var cdMax = parseFloat($('#pf-cd-max').val()) || Infinity;
     var cdMaxInput = document.getElementById('pf-cd-max');
     var type = $('#pf-type').val();
    var typeSelect = document.getElementById('pf-type');
     var resetBtn = document.getElementById('pf-reset');
    var cards = document.querySelectorAll('.pvzhe-card');


     $cards.each(function() {
     function filterCards() {
       var $card = $(this);
       var name = nameInput.value.toLowerCase();
      var n = ($card.data('name') || '').toLowerCase();
       var sunMax = parseFloat(sunMaxInput.value) || Infinity;
       var sun = parseFloat($card.data('sun')) || 0;
       var cdMax = parseFloat(cdMaxInput.value) || Infinity;
       var cd = parseFloat($card.data('cooldown')) || 0;
       var type = typeSelect.value;
       var t = $card.data('type') || '';


       var show = true;
       cards.forEach(function(card) {
      if (name && n.indexOf(name) === -1) show = false;
        var n = (card.getAttribute('data-name') || '').toLowerCase();
      if (sun > sunMax) show = false;
        var sun = parseFloat(card.getAttribute('data-sun')) || 0;
      if (cd > cdMax) show = false;
        var cd = parseFloat(card.getAttribute('data-cooldown')) || 0;
      if (type && t !== type) show = false;
        var t = card.getAttribute('data-type') || '';


      $card.toggleClass('hidden-card', !show);
        var show = true;
        if (name && n.indexOf(name) === -1) show = false;
        if (sun > sunMax) show = false;
        if (cd > cdMax) show = false;
        if (type) {
          var cardTypes = t.split(',').map(function(s) { return s.trim(); });
          if (cardTypes.indexOf(type) === -1) show = false;
        }
 
        card.classList.toggle('hidden-card', !show);
      });
    }
 
    // 绑定事件
    nameInput.addEventListener('input', filterCards);
    sunMaxInput.addEventListener('input', filterCards);
    cdMaxInput.addEventListener('input', filterCards);
    typeSelect.addEventListener('change', filterCards);
 
    resetBtn.addEventListener('click', function() {
      nameInput.value = '';
      sunMaxInput.value = '';
      cdMaxInput.value = '';
      typeSelect.value = '';
      filterCards();
     });
     });
  }
  $('#pf-name, #pf-sun-max, #pf-cd-max, #pf-type').on('input change', filterCards);
  $('#pf-reset').click(function() {
    $('#pf-name, #pf-sun-max, #pf-cd-max').val('');
    $('#pf-type').val('');
    filterCards();
   });
   });
})();
})();
</script>
</script>
</includeonly>
</includeonly>

2026年5月31日 (日) 10:46的版本

检索自“https://new.pvzhe.wiki/index.php?title=微件:PlantFilter&oldid=2587”