3

以下の良い実践コードですか?(jquery)

common.js (同じ js アクションで記述された 2 つのファイルの dom 要素)

$('.list_item').click(function () {
   $('#yes_button').addClass('selected');
   $('#no_button').addClass('selected_no');
});

yes_button.html

<div class='list_item yes_class' > Muhammad s.a.w </div>
<div id='yes_button' > Yes </div>

no_button.html

<div class='list_item no_class'> Muhammad s.a.w </div>
<div id='no_button' > No </div>

上記の練習は良いですか、それとも以下のように書くべきですか

$('.yes_class').click(function () {
   $('#yes_button').addClass('selected');
});

$('.no_class').click(function () {
   $('#no_button').addClass('selected_no');
});

DOM 要素に同じクラスの 2 つのファイルがあり、一意のクラス名に基づいて JS コードを書いています。私の質問は、そのような方法に従うことをお勧めします。

4

1 に答える 1

1

ボタンに共通のクラスを追加して、それを介して呼び出してみませんか?

$('.list_item').click(function () {
   $('.button').addClass('selected');
});

必要に応じて、ターゲットにするボタンをより具体的にすることができます

$('.list_item').click(function () {
   $(this).next('button').addClass('selected');
});

あなたのhtmlの同じ構造を維持すると仮定します

<div class="listitem"></div>
<div class="button" id="..."></div>
于 2012-12-19T10:02:54.650 に答える