jQuery中有没有办法检查 ID 值(例如id="number1"
)是否包含数字?
这个想法是:
如果(ID 有一个来自变量的数字)然后做点什么。
这是我到目前为止想出的,但它只适用于第一个 div:
$("#tabsstyle li a").bind("click", function () {
var numSlide = $(this).attr("rel");
if ($('#slidesContainer div').attr('id').match(numSlide) ) {
$('#slidesContainer div').fadeIn();
}
numSlide 将存储来自单击的“a”之一的数字,并检查该数字是否包含在“#slidesContainer div”的 id 值中,一旦检查,右侧的 div 将淡入。
HTML结构如下:
<div id="slidesContainer">
<div id="n1" class="slide">
<h2>Web Development Tutorial</h2>
<p><button class="test">N1</button></p>
</div>
<div id="n2" class="slide">
<h2>Grunge Brushes, Anyone?</h2>
<p><button class="test">N2</button></p>
</div>
<div id="n3" class="slide">
<h2>How About Some Awesome Grunge Textures?</h2>
<p><button class="test">N3</button></p>
</div>
<div id="n4" class="slide">
<h2>'Tis the End, My Friend.</h2>
<p><button class="test">N4</button></p>
</div>
</div>