如何找到具有部分属性名称的html属性

Question

我需要在我的html页面中找到包含“数据”的所有属性。当我有这些值时，我需要删除它们(或者只是删除其中的所有值)。有人有什么建议吗？

示例:我的html如下所示：

<section id="slide-2">
                <div class="bcg" data-center="background-color: #f0f0f0">
                    <div class="hsContainer">
                        <div class="hsContent">

                            <div class="container">
                                <div class="row">
                                    <div class="span12">
                                        <header data-center="opacity: 1" data-100-top="opacity: 1" data-1-top="opacity: 0">
                                            <img src="img/headers/pencil.png" alt="pencil">
                                            <h1>Het concept</h1>
                                        </header>

                                        <p data-center="opacity: 1" data-100-top="opacity: 1" data-1-top="opacity: 0">“Het creëren van een omgeving die de mens afsluit van alle schadelijke straling en radiatie op een unieke stralingsvrije locatie in België.“
                                        <br/> Gesteund door Toerisme Vlaanderen.
                                        </p>

                                        <div id="logobox" data-center="opacity: 1" data-100-top="opacity: 1" data-1-top="opacity: 0">
                                            <img src="img/concept/logo.png" alt="logo">
                                            <img src="img/concept/toerismevlaanderen.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

我需要获取名称包含"data“的所有属性，并清除属性的值。

Answer 1

试一试

$('*').each(function(){
    var elem = $(this);
    $.each(this.attributes, function(key){
        if (key.indexOf('data') > -1){
            elem.attr(key, '');
        }
    });
});

Answer 2

您可以在html5的dataset api的帮助下做这件事。

    var element  = document.getElementsById('myDiv');
    var datasets = element.dataset;

    $.each(datasets,function(key,val){element.dataset.key = '';});

http://jsfiddle.net/adeshpandey/N6W8s/3/

注意:在使用此代码之前，请加载jquery。:P

Answer 3

使用$(":contains('data')")

或

您还可以使用以下链接：https://github.com/mathiasbynens/jquery-custom-data-attributes

希望这能帮上忙！(万事如意。)