ID値(例)に数字が含まれているかどうかをjQueryで確認する方法はあり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' の 1 つからの数値を保存し、その数値が '#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>