Question

我有一份文章清单。我用jquery过滤客户端上的列表。

以下函数非常正常，唯一的部分是，data（）将被忽略。 searchgewerk默认为0或获得列表中存在的另一个值。

function filterArticlelist( searchterm, searchgewerk )
{
    if(searchterm.length > 1) {
        if( searchgewerk == 0 )
        {
            var match = $( 'tr.data-row:contains("' + searchterm + '")' );
            var nomatch = $( 'tr.data-row:not(:contains("' + searchterm + '"))' );

        }
        else
        {
//When searchgewerk is not 0 then i reach this else part. With console.log() the correct searchgewerk value would be logged.
            var match = $( 'tr.data-row:contains("' + searchterm + '")').data( "gewerk",searchgewerk );
            var nomatch = $( 'tr.data-row:not(:contains("' + searchterm + '"))' ).data( "gewerk",searchgewerk );
        }

        match
            .addClass( 'selected' )
            .css( "display", "" );

        nomatch
            .css( "display", "none");
    }
    else
    {
        $('tr.data-row').css("display", "");
        $('tr.data-row').removeClass('selected');

    }
}

我的错误在哪里？也许我是以wronk的方式思考的？我也尝试过hasData（），但它也有效。

感谢您的帮助

这是每个tr的视图，它的构建与TWIG：

{% for data in ObjektArtikel %}
                    {% if loop.index0 is not even %}
                        {% set background = "trAvailableArticleBackground" %}
                    {% else %}
                        {% set background = "trAvailableArticleNoneBackground" %}
                    {% endif %}
                    <tr class="data-row trAvailableArticle {{ background }}" id="{{ data.artikelnummer }}" data-gewerk="{{ data.su_gewerk }}">
                        <td class="tdArticleNumber">
                            {{ data.artikelnummer }} - {{ data.su_gewerk }}
                        </td>
                        <td class="tdArticle">{{ data.artikel }}</td>
                        <td class="tdArticleDescription">{{ data.beschreibung }}</td>
                        <td class="tdArticleEinheit">{{ data.einheit }}</td>
                        <td><img class="addArticle" src="/bundles/mbsallgemein/images/add.png"></td>
                    </tr>
                {% endfor %}

Answer 1

如果您尝试过滤data-gewerk属性，则可能需要查找以下内容：

$('tr.data-row[data-gewerk="' + searchgewerk + '"]:contains("' + searchterm + '")')

此：

.data(key, value)

是一个setter，它不会过滤任何内容。

data（）的值将被忽略

1 个答案: