Question

如何在div中切换一个项目（七个）而不在jQuery中切换另一个具有相同类名的div中的项目？

使其更精确：我有一个评分系统，它有不同的类别。我希望用户点击某个类别中的成绩。剩下的方面应该切换。（或者，如果用户想要纠正自己，则输出）然后用户移动到下一个类别并选择七个中的下一个方面。当用户点击下一个方面时，如何保留已经选择的方面而不让它们再次切换？

这是我的HTML：

 <div id="headline">
            <p>Überschrift: Inhaltliche Gestaltung - Wertung x4</p>
        </div>

            <div class="div_a">
                <div class="a" id="1">
                    <p>Keine Wertung in diesem Block.</p>
                </div>
                <div class="a" id="2">
                    <p>Die inhaltliche Gestaltung der Überschrift gelang dir sehr gut. 1</p>
                </div>
                <div class="a" id="3">
                    <p>Die inhaltliche Gestaltung der Überschrift gelang dir gut. 2</p>
                </div>
                <div class="a" id="4">
                    <p>Die inhaltliche Gestaltung der Überschrift gelang dir befriedigend. 3</p>
                </div>
                <div class="a" id="5">
                    <p>Die inhaltliche Gestaltung der Überschrift gelang dir in ausreichender Weise. 4</p>
                </div>
                <div class="a" id="6">
                    <p>Die inhaltliche Gestaltung der Überschrift gelang dir mangelhaft. 5</p>
                </div>
                <div class="a" id="7">
                    <p>Die inhaltliche Gestaltung der Überschrift gelang dir nur ungenügend. 6</p>
                </div>
            </div>



        <div id="headline">
            <p>Überschrift: Sprachliche Gestaltung - Wertung x2</p>
        </div>

            <div class="div_a">
                <div class="a" id="8">
                    <p>Keine Wertung in diesem Block.</p>
                </div>
                <div class="a" id="9">
                    <p>Die sprachliche Gestaltung der Überschrift gelang dir sehr gut. 1</p>
                </div>
                <div class="a" id="10">
                    <p>Die sprachliche Gestaltung der Überschrift gelang dir gut. 2</p>
                </div>
                <div class="a" id="11">
                    <p>Die sprachliche Gestaltung der Überschrift gelang dir befriedigend. 3</p>
                </div>
                <div class="a" id="12">
                    <p>Die sprachliche Gestaltung der Überschrift gelang dir in ausreichender Weise. 4</p>
                </div>
                <div class="a" id="13">
                    <p>Die sprachliche Gestaltung der Überschrift gelang dir mangelhaft. 5</p>
                </div>
                <div class="a" id="14">
                    <p>Die sprachliche Gestaltung der Überschrift gelang dir nur ungenügend. 6</p>
                </div>
            </div>

        <div id="headline">
            <p>Einleitung: Vorstellung der Hauptpersonen - Wertung x1</p>
        </div>

            <div class="div_a">
                <div class="a" id="15">
                    <p>Keine Wertung in diesem Block.</p>
                </div>
                <div class="a" id="16">
                    <p>Die Vorstellung der Hauptpersonen gelang dir sehr gut. 1</p>
                </div>
                <div class="a" id="17">
                    <p>Die Vorstellung der Hauptpersonen gelang dir sehr gut. 2</p>
                </div>
                <div class="a" id="18">
                    <p>Die Vorstellung der Hauptpersonen gelang dir befriedigend. 3</p>
                </div>
                <div class="a" id="19">
                    <p>Die Vorstellung der Hauptpersonen gelang dir in ausreichender Weise. 4</p>
                </div>
                <div class="a" id="20">
                    <p>Die Vorstellung der Hauptpersonen gelang dir mangelhaft. 5</p>
                </div>
                <div class="a" id="21">
                    <p>Die Vorstellung der Hauptpersonen gelang dir nur ungenügend. 6</p>
                </div>
            </div>

这是我的JQuery方法 - 导致所有div切换：（

  $('.a').on('click', function() {
     $('.a').not(this).toggle('slow')
 });

提前多多感谢！莉莎

如何切换div中的项目（7个）而不在jQuery中切换具有相同类名的另一个div中的项目？

0 个答案: