javascript - 如何对动态 HTML5 数据描述符执行部分查找?

标签 javascript jquery html find partial

我有一系列用 HTML5 数据描述符“data-type2=[x]”标记的图像,其中 x 是许多不同的元素。

例如

    <img data-type2="pants" class="element" src="#>

我正在尝试将该数据字段传递给一个 jquery 函数,该函数在另一个 div (<div class="outfit-list") 中查找类具有标记有类的子 div,例如:

    <div class="pants-001">
    <div class="pants-002">
    <div class="shoes-001">

等等

这就是我被难住的地方:我如何编写一个 jquery 函数来访问我单击的项目中的数据类型 2(例如 data-type2="pants"),找到 .outfit-list 下的所有其他 div 以及具有的类,例如,他们的类(class)名称“pants-002”中的“pants”,并隐藏它们?我在下面的功能不起作用 - 我怀疑那是因为它正在寻找全名而不是部分名称。

如何让它执行部分搜索以找到包含来自 data-type2 的术语的类?

        <script type="text/javascript">
            $(document).ready(function(){
             $('.thumbslist .element').click(function(){
                $('.outfit-list').find('.'+$(this).data('type2')).hide();
              });
            }); 
        </script>   

最佳答案

您可以使用 attribute contains selector , [attribute*="value"].

$('.outfit-list').find('[class*="' + $(this).data('type2') + '"]').hide();

关于javascript - 如何对动态 HTML5 数据描述符执行部分查找?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6674296/

相关文章:

javascript - 如何在 Trumbowyg 中添加 cloudinary 参数来上传插件

javascript - 更改 TogetherJS 中的默认名称

html - 如何在div中均匀分布菜单链接

html - 如何在 nodejs 中通过 get 请求使用 req.body

javascript - Angular 单元测试 : How to unit test . map()?

javascript - 将 livereload 添加到西兰花

jquery - 使用 jQuery 按文本内容选择选项

对于 API 17 及更高版本,Web View 中的 Android 选择下拉组合框显示为白色背景上的白色文本

javascript - jQuery matchHeight maintainScroll 不工作

javascript - jQuery .each() 里面的模糊函数