檢查“數據”屬性是否包含輸入值的一部分（jQuery）

Question

通過這種方式，如果"data-content"包含完整的單詞，我只會找到所需的 div。

var input = "TestText123";
var found = $("#list").find(".box[data-name='" + input + "']").addClass("found");

但如果我的“輸入”只包含它的正確部分（最少 5 個字符），我也想找到這個 div。

有趣的是，如果我不使用“數據”方法（但我需要它），這會起作用。

var found = $("#list").find(".box:contains('" + input + "')").addClass("found");

如何修改 jQuery 中的“數據”方法，就像我需要的那樣？

Answer 1

在等號前添加一個星號： [data-name*=...] 。

旁注： addClass的參數不應該有一個點，所以只需addClass("found") ：

 var input = "TestText123"; var found = $("#list").find(".box[data-name*='" + input + "']").addClass("found");

 .found { background: yellow }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul id="list"> <li class ="box" data-name="WhatTestText12345">should match</li> </ul>