根据jquery数据属性值进行查询

Question

我可以很好地得到结果，但每个数据值的结果都是逗号分隔的，因为它是一个数组。我想使查询不带任何逗号，并可能删除最后一个and。

这可能吗？

jQuery

//Submit Adv Search
    $('#submitAdvSearch').click(function(){
        var query = "SELECT * FROM table WHERE ";
        var yo = $('.subCat span[data-value].checked').map(function(){
            return $(this).attr('data-value')+'=1 AND ';
        }).get();
        console.log(query+' '+yo);
    });

HTML

<div class="cat">
    <div class="catTitle">
        <h2>Performance</h2>
        <span class="arrow"></span>
        <br class="clear"/>
    </div>
    <div class="subCat" data-cat="performance">
        <div>
                <span data-all="all">&#9675;&nbsp;Tous</span><br>
            <div class="after">
                <span data-value="30000_doublefrotements" class="checked">&#9675;&nbsp;+30,000 double frottement</span><br>
                <span data-value="atcc96_lavablecommercial">&#9675;&nbsp;ATTCC 96</span><br>
                <span data-value="nfpa701_inifuge">&#9675;&nbsp;NFPA 701</span><br>
                <span data-value="resistanrayonsuv">&#9675;&nbsp;Uv résistant</span>
            </div>
        </div>
    </div>
</div>
<div class="cat">
    <div class="catTitle">
        <h2>Style</h2>
        <span class="arrow"></span>
        <br class="clear"/>
    </div>
    <div class="subCat" data-cat="style">
        <div>
                <span data-all="all">&#9675;&nbsp;Tous</span><br>
            <div class="after">
                <span data-value="contemporain" class="checked">&#9675;&nbsp;Contemporain</span><br>
                <span data-value="traditionnel">&#9675;&nbsp;Traditionel</span><br>
                <span data-value="transitionnel" class="checked">&#9675;&nbsp;Transitionel</span>
            </div>
        </div>
    </div>
</div>
<div id="submitAdvSearch">Submit</div>

结果

SELECT * FROM table WHERE  30000_doublefrotements=1 AND ,contemporain=1 AND ,transitionnel=1 AND 

Answer 1

使用join(" AND ")在每个条件之间连接AND：

var yo = $('.subCat span[data-value].checked').map(function() {
  return $(this).attr('data-value')+'=1';
}).get();
console.log(query + yo.join(" AND "));

这将给你：

SELECT * FROM table WHERE 30000_doublefrotements=1 AND contemporain=1 AND transitionnel=1

Answer 2

试试这个：

//Submit Adv Search
$('#submitAdvSearch').click(function(){
    var query = "SELECT * FROM table WHERE ";
    var yo = $('.subCat span[data-value].checked').map(function(){
        return $(this).attr('data-value')+'=1 AND ';
    }).get();
    yo = yo.join(' ').replace(/s*ANDs*$/, '');
    console.log(query+' '+yo);
});​

Answer 3

这对我有效：

//Submit Adv Search
$('#submitAdvSearch').click(function(){
    var query = "SELECT * FROM table WHERE ";
    var where_clause = [];
    var yo = $('.subCat span[data-value].checked').map(function(){
        var item = $(this).attr('data-value')+'=1';
        where_clause.push(item);           
    }).get();
    console.log(query+' '+ where_clause.join(" AND "));
});