在 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>