Soy consciente de que hay una manera de verificar si existe un attribute haciendo algo como:

 if ($("div").data('attr')) { // true }

Sin embargo, ¿hay alguna manera de encontrar attributes que sean similares y verificar si existen?

Por ejemplo:

• Tengo un div .listing que tiene data-dept="sales"
• Tengo un div .card que tiene data-dept="sales-us"

Si .card tiene un atributo data-dept que es similar al de .listing , entonces intento agregar .card a .listing . Si no coincide, append .card a .listing[data-dept="other"] .

 var html = "<div class='card' data-dept='sales-us'>Test</div>"; if ($(".card").data("sales")) { $(".listing[data-dept='sales']").append(html); } else { $(".listing[data-dept='other']").append(html); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Ejemplos de lo que significa similar en el contexto:

1. Si .card es [data-dept="sales-us"] y .listing es [data-dept="sales"] , son similares ya que ambos contienen "ventas".
2. Si .card es [data-dept="business"] y .listing es [data-dept="business-development"] , son similares ya que ambos contienen "business".