為什么使用此查詢顯示隱藏選項不起作用-有解無憂

為什么顯示隱藏選項不起作用？這樣做是為了能夠使用的類名空間像這里XXX 01是動態資料

這里不作業 jsfidle：https ://jsfiddle.net/master1991/fq32Lhe9/36/

$(document).on('keyup', ".BenterInput", function() {
  var item = $(this).attr('data-item');
  var num = $(this).val();

  if ($.isNumeric(num)) {
    $("a[class='B"   item   "']").show();
  } else {
    $("a[class='B"   item   "']").hide();
  }

  console.log(item   ' '   num);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="qInDocBXXX"></div>
<input type="text" name="valueToAdd" data-item="XXX" class="BenterInput">

<a class="btn btn-default btn-xs add_row BXXX" data-but="B" style="display: none;">XXX</a>

uj5u.com熱心網友回復：

這個想法是能夠使用帶有空格的類名，例如

這不是一個帶有空格的類名；那是兩個班級。

匹配整個 classNames 串列是脆弱的，因為您必須包含一大堆不相關的類名，如果其中任何一個不同或丟失，匹配將失敗。如果類名正確但碰巧以不同的順序出現，它也會中斷：

div[class="a b c"] {
  background-color: green
}

<div class="a b c">One</div>
<div class="b c a">two</div>

我強烈建議反對這種方法。

相反，您可以只匹配您感興趣的兩個特定類：

 a.BXXX.AB {...}

...或者在您的情況下（假設item包含字串“XXX AB”）

 $("a.B" item.replace(/ /g,"."))

uj5u.com熱心網友回復：

你的班級是btn btn-default btn-xs add_row BXXX AB這樣你不能使用

$("a[class='BXXX AB']")

你必須做

$("a[class='btn btn-default btn-xs add_row B"   item   "']").show();

您可以使用 isNumeric 而不是顯示/隱藏來切換

注意：如果你有data-item="XXX.AB"那么它在沒有拆分的情況下作業

$(document).on('keyup', ".BenterInput", function() {
  var item = $(this).attr('data-item');
  var num = $(this).val();
  $(`a.B${item.split(" ").join(".")}`).toggle($.isNumeric(num));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="qInDocBXXX"></div>
<input type="text" name="valueToAdd" data-item="XXX AB" class="BenterInput">

<a class="btn btn-default btn-xs add_row BXXX AB" data-but="B" hidden>XXX</a>

轉載請註明出處，本文鏈接：https://www.uj5u.com/net/371869.html

標籤：html 查询

上一篇：引數路由

下一篇：使<a>標簽打開兩個URL（在兩個不同的頁面中）