Question

我有这个jquery检查h2是否包含单词Simple但我不确定为什么它不适合我？这是我的脚本，这是我想要检查的内容。

<section class="main">

    <nav>
        <a class="show-menu"><i class="fa fa-bars fa-lg"></i></a>

        <ul>
            <li class="static active"><a href="theme"><?php print _("Themes"); ?></a></li>
        </ul>

    </nav>


    <div id="themesList" class="image-list" data-bind="foreach: themes">

        <div class="image-item" data-bind="css:{active: ($parent.theme()==id())}">
            <h2 data-bind="text: name"></h2>

            <img data-bind="attr:{'src': 'themes/'+id()+'/logo.png'}">

              <div class="preview-button">


            <a data-bind="attr: { href: 'themes/'+id()+'/logo.png'}" data-lightbox="+id()+" data-title=data-bind="attr: { text: 'name'}">Preview</a>

            </div>
            <div class="secondary inactive-button" data-bind="click: $parent.showApplyDialog"><?php print _("Apply Theme"); ?></div>
            <div class="active-button" data-bind="click: $parent.showResetDialog"><?php print _("Reset Theme"); ?></div>
        </div>
    <script type="text/javascript">
var $h2 = $('.image-item h2');

if ($h2.text().indexOf('simple') > -1) {
    $h2.hide();
}
</script>
    </div>
    <!-- /.list -->

</section>
<!-- /.main -->

数据绑定是填充h2的原因

Answer 1

您可以使用indexOf()方法查看字符串是否包含在js中。我在演示中遗漏了data-bind部分。

DEMO

<script type="text/javascript">

$(document).ready(function () {
    var $h2 = $('.image-item h2');

    //add this
    console.log($h2);
    console.log('text: ' +  $h2.text());

    if ($h2.text().indexOf('Simple') > -1) {
        $h2.hide();
    }
});

</script>

jquery检查h2是否包含特定文本

1 个答案: