0

サブメニューを管理する jQuery スクリプトがあります。ユーザーが div をクリックすると、div がアクティブに変わり、それに応じてコンテンツの色が変わります。ボタンには、対応する div タグと同じ id タグがあり、「_button」が追加されています。たとえば、色を変更する div には id タグ「first」があり、ボタンの id タグは「first_button」です。

私が今持っているコードはボタンに対して正常に機能しますが、編集された id タグを適切にプラグインして適切な div を選択し、2 番目の jQuery 呼び出しで赤にする方法がわかりません。現在、コードは div に対して何も行いませんが、コンソールにもエラーは表示されません。一連の if/then ステートメントでそれを行うこともできますが、それはかなり洗練されていません。

$('.port_menu_button').click(function() {
    $('.port_menu_button').removeClass('active');
    $(this).addClass('active');;
    $('.port_type').css('color', '#000');
    $($(this).attr('id').replace('_button', '')).css('color', 'red'); //this is the problem line. how do I take the id and put it in here?
})
4

2 に答える 2

1

これはあなたのために働くはずです：

var current_id = $(this).attr('id');
var other_id = current_id + '_button';

$('#' + other_id).css('color', 'red');
于 2012-12-07T20:30:38.217 に答える
0

idセレクターを追加するだけです$('#' + yourid)

$('#' + this.id.replace('_button', '')).css('color', 'red');
于 2012-12-07T20:24:15.700 に答える