日期:2014-05-16  浏览次数:20485 次

如何通过jquery查出ID以jq_开头,以2、4结束的元素?
<div id="jq_1">
<div id="jq_2">
<div id="sdf">
<div id="jq_3">
<div id="jq_4">

如何通过jquery查出ID以jq_开头,以2、4结束的元素?

------解决方案--------------------
探讨

$("div[id^='jq_'][id$='2']");

这个可以选择以 jq_开头 2结尾的。。。 2或4结尾的。我再看看。。

------解决方案--------------------
JScript code
<html>
<head>
    <script src="ec/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function test() {
            $("div[id^='jq_'][id$='2'],div[id^='jq_'][id$='4']").css("background-color","red");
        }
    </script>
</head>
<body>
    <div id="jq_1">jq_1</div>
    <div id="jq_2">jq_2</div>
    <div id="jq_12">jq_12</div>
    <div id="sdf">sdf</div>
    <div id="jq_3">jq_3</div>
    <div id="jq_4">jq_4</div>
    <div id="jq_24">jq_24</div>
    <input type="button" id="except" value="选择以jq_开头, 2或4结尾的div" onclick="test()" />
</body>
</html>

------解决方案--------------------
探讨

引用:

$("div[id^='jq_'][id$='2']");

这个可以选择以 jq_开头 2结尾的。。。 2或4结尾的。我再看看。。


$("div[id^='jq_'][id$='2']").add("div[id^='jq_'][id$='4']");

这样就可以了!