私はjavascriptについて何も知らない。私はちょうど私が私が必要とするものを達成するための解決策を見出そうとしていたときに、このスニペットをウェブで見つけました。私は表示して隠す必要がある約40の要素を追加するので、これを単純化する方法はありますか?この選択機能を簡略化するにはどうすればよいですか?
var $selects = $('.filters select');
$selects.on('change', getValues).first().trigger("change");
function getValues() {
var vals = $selects.map(function() {
return this.value;
}).get();
if (vals.join('') === "a1b2c3") {
$(".box_wrapper").not(".a1b2c3").hide();
$(".a1b2c3").show();
$('html,body').animate({
scrollTop: $(".a1b2c3").offset().top},
'slow');
}
else if (vals.join('') === "d4e5f6") {
$(".box_wrapper").not(".d4e5f6").hide();
$(".d4e5f6").show();
$('html,body').animate({
scrollTop: $(".d4e5f6").offset().top},
'slow');
}
else{
$(".vid_box").hide();
}
}
は、私は選択ボックスから参加した値を取得することによってこれをさらに簡素化し、上記と私はクラスの同じ値の組み合わせを使用しておりますので機能にそれを使用することができると思います。私はちょうど方法を知らない。それは可能ですか?事前にみんなありがとう!おそらく、
このコードは機能しますか? –
スイッチ/ケースの使用はいかがですか? – phreakv6
あなたは私たちにあなたのhtmlを表示することができます –