javascript - js/jquery は html 要素を繰り返し処理して文字列を動的に構築します

Question

値が設定されている場合にのみ、HTML フォームで定義された値に基づいて文字列を作成したいと思います。for ループ ($.each()) を使用してフォーム フィールドとドロップダウンを正常に解析しましたが、最終的な目標は、結果を使用して文字列を動的に構築することです。この文字列は REST クエリを作成するために使用されています。これは現在、当社のテクノロジに基づいて検索する唯一の方法です。誰かが推奨される解決策を持っていますか?

thx事前に

サンプルの HTML 要素:

<input data-param=" prefix like '%" data-name="prefix" class="prefix uno" type="text" placeholder="pre">

入力されたフォームフィールドをキャプチャする作業btnクリックイベントループ:

var children = $(this).parent().children('.uno');
    $.each(children, function(i, val){
        if($(val).val() !== ''){
            console.log($(val).data('name') + " "+ $(val).data('param') + " " + $(val).val());
        }
    });

目標:

var newString = field1.param + field1.val + '% ' + field2.param + field2.val + '% ';
translated:
var newString = prefix like '%01%' and name like '%tree%';