値の最初の文字を見つけるためにjavascriptを変更

Question

私はjavascriptについて少し知っています。私が見ることのできるところから、これは値を含む一連の行を示しています（この場合、WPプラグインの作成者です）。

行内でdata-nameの値を見つける代わりに、この値の最初の文字が「A」であれば、検索します。そして、うまくいけば、私はこの部分に到達するために前のコードに取り組むことができるはずです... :)

ありがとうございます。

<script> 
    var authors = []; 
    $('.pba-id').each(function() { 
     var author = $(this).attr('data-author'); 
     if (-1 == $.inArray(author, authors)) 
      authors.push(author); 
    }); 

    $.each(authors, function (i, author) { 
     $select.append($('<option>').html(author)); 
    }); 

    $select.change(function(){ 
    var value = $(this).val(); 
      if ('__pba_none' == value) { 
    $('#the-list tr').show(); 
      return; 
    } 

    $('#the-list tr').each(function(){ 
    var $row = $(this); 
      if ($row.find('.pba-id[data-author="' + value + '"]').length) 
      $row.show(); 
      else 
      $row.hide(); 
    }); 
</script> 

Answer 1

Attribute Starts With Selector [name^=”value”]セレクタを使用してください。

値が与えられた文字列と正確にを開始すると、指定属性を持つ要素を選択します。

$('#the-list tr').each(function() { 
    var value = "A"; 
    var $row = $(this); 
    if ($row.find('.pba-id[data-name^="' + value + '"]').length) { 
    //---------------------------^^^ 
    $row.show(); 
    } else { 
    $row.hide(); 
    } 
}); 

Answer 2

これを試してみてください：クール

$('#the-list tr').each(function() { 
    // var value = "any value" ; 
    var $row = $(this); 
    if ($row.find('.pba-id[data-name^="' + value[0] + '"]').length) { 
    $row.show(); 
    } else { 
    $row.hide(); 
    } 
});