如何检查元素是否具有此值

Question

这是我的代码，我混合了液体代码和js我得到了产品处理，但如果条件不工作，我有标签属性值仍然显示没有找到，有人可以帮助我解决这个问题

<a class="hidden_wrap" name="hidden_link" data-color="gold" data-stone="tiger-eye" data-handle="copy-of-joory-earrings-tiger-eye-gold
" style="appearance: auto;"> gold-tiger-eye   </a>
<script>
var handle = "{{product.handle}}";
if ($(`a[class='hidden_wrap'][data-handle='${handle}').length > 0) {
alert("found");
}else
{
alert('not found');
}
</script>

Answer 1

Try With This，product.handle使用反勾以及jquery中的HTML内容。:)

,删除copy-of-joory-earrings-tiger-eye-gold后的空白.

<script>
var handle = `{{product.handle}}`;
if ($(`a[class='hidden_wrap'][data-handle=${handle}`).length > 0) {
alert("found");
}
else{
alert('not found');
}
</script>

Answer 2

试试这个您可以使用jquery直接通过属性获取值。

<script>
var handleAttr = $(".hidden_wrap").attr("data-handle");
if(handleAttr){
alert("found");
}else{
alert("not found");
}
</script>

谢谢。