JQuery 多條件過(guò)濾

現(xiàn)在有filterName，我想增加個(gè)filterName1條件但是($(this).val())這塊我還不了解，它是jquery-1.4.2.min.js里面的變量么？

成都創(chuàng)新互聯(lián)公司專注于中山企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開(kāi)發(fā),商城建設(shè)。中山網(wǎng)站建設(shè)公司,為中山等地區(qū)提供建站服務(wù)。全流程按需定制設(shè)計(jì)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

this 是當(dāng)前對(duì)象，$(this)返回當(dāng)前對(duì)象的jquery對(duì)象， $(this).val() 就是獲取當(dāng)前對(duì)象的值

jquery 多條件 選擇

看看

html xmlns=""

head

titleTestPage/title

meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /

script type="text/javascript" language="javascript" src="jquery-1.4.4.min.js"/script

script language="javascript" type="text/javascript"

$(document).ready(function(){

$("#btn1").click(function(){

//alert("dfafd")

$("table tr").filter(":odd").css("background-Color","red").end().filter(":even").css("background-Color","blue");

});

jQuery("#btn2").click(function(){

$("table tr:not(:first)").filter(function(){

return this.style.backgroundColor != "red";//不為紅色的tr

}).find("td:eq(1)").html("不為第一，背景不為red的行");

});

});

/script

/head

body

table

tr style="background-color:yellow"

td黃顏色行/tdtd/td

/tr

tr style="background-color:red"

td紅顏色行/tdtd/td

/tr

tr style="background-color:blue"

td藍(lán)顏色行/tdtd/td

/tr

tr style="background-color:Teal"

tdTeal顏色行/tdtd/td

/tr

tr style="background-color:Aqua"

tdAqua顏色行/tdtd/td

/tr

/table

input type="button" id="btn1" value="奇偶行背景轉(zhuǎn)換"

input type="button" id="btn2" value="選擇指定條件的行"

/body

/html

如何實(shí)現(xiàn)jQuery多條件篩選

$(document).ready(function() { $("#select1 dd").click(function() { $(this).addClass("selected").siblings().removeClass("selected"); if ($(this).hasClass("select-all")) { $("#selectA").remove(); } else { var copyThisA = $(this).clone(); if ($("#selectA").length 0) { $("#selectA a").html($(this).text()); } else { $(".select-result dl").append(copyThisA.attr("id", "selectA")); } } }); $("#select2 dd").click(function() { $(this).addClass("selected").siblings().removeClass("selected"); if ($(this).hasClass("select-all")) { $("#selectB").remove(); } else { var copyThisB = $(this).clone(); if ($("#selectB").length 0) { $("#selectB a").html($(this).text()); } else { $(".select-result dl").append(copyThisB.attr("id", "selectB")); } } }); $("#selectA").live("click", function() { $(this).remove(); $("#select1 .select-all").addClass("selected").siblings().removeClass("selected"); }); $("#selectB").live("click", function() { $(this).remove(); $("#select2 .select-all").addClass("selected").siblings().removeClass("selected"); }); $(".select dd").live("click", function() { if ($(".select-result dd").length 1) { $(".select-no").hide(); } else { $(".select-no").show(); } });});

jquery 篩選一個(gè)屬性符合多個(gè)條件

script?type="text/javascript"

$(function(){

var?myTag=$("input[id=myid][name=myname][type=button]").length;

alert(myTag);

})

/script

input?id="myid"?name="myname"?type="button"?value="提交"?/

不太明白你的意思，你可以看看屬性選擇器用法：

jquery多種條件篩選

script?src="jquery-1.10.2.js"/script

script

$(function(){

$("#tj1?span,#tj2?span,#gd1?span,#gd2?span,#gd3?span").click(function(){

$(this).clone(true).appendTo("#yxtj")

});

})

/script

style

span{

margin-left:10px;

}

#gd1?span,#gd2?span,#gd3?span{

display:none;

}

/style

body

div?style="background:#aaa;?color:#fff;width:60%"已選條件：

div?id="yxtj"/div

/div

div?id="tj1"

條件1：span?class="tj1"條件11/spanspan?class="tj1"條件12/spanspan?class="tj1"條件13/span

/div

div?id="tj2"

條件2：span?class="tj2"條件21/spanspan?class="tj2"條件22/spanspan?class="tj2"條件13/span

/div

div?id="gd"

更多：span?class="gd"?id="gdtj1"更多1/spanspan?class="gd"?id="gdtj2"更多2/spanspan?class="gd"?id="gdtj3"更多3/span

/div

div

div?id="gd1"

span?id="gd11"更多11/spanspan?id="gd12"更多12/spanspan?id="gd13"更多13/span

/div

div?id="gd2"

span?id="gd21"更多21/spanspan?id="gd22"更多22/spanspan?id="gd23"更多23/span

/div

div?id="gd3"

span?id="gd31"更多11/spanspan?id="gd32"更多32/spanspan?id="gd33"更多33/span

/div

/div

/body

時(shí)間倉(cāng)促，僅供參考，還有許多需要完善的地方

文章標(biāo)題：jquery多條件,jquery多條件篩選表格
路徑分享：http://chinadenli.net/article20/dsgojco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、動(dòng)態(tài)網(wǎng)站、小程序開(kāi)發(fā)、全網(wǎng)營(yíng)銷推廣、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)