添加修改

EBook.Web/Common/tasklib_book.js

@@ -157,40 +157,139 @@ function bindEventTeaOrignalYS() {
     var bodyWidth = $(document.body).width();
     //显示/隐藏习题答案
     $(".yaoshi").on("click", function () {
+        var parentAnid = $(this).attr("parent-anid");
         var curDisplay = $(this).nextUntil(".yaoshi").find(".underlineContent").eq(0).css("display");
         if (curDisplay == "undefined" || curDisplay == undefined) return;
-
         if (curDisplay == "none" || $(this).attr("data-status") == "0") {
             $(this).attr("data-status", "1");
             $(this).attr("src", PicInfo.yaoshiShowImgUrl);
             //$(this).nextUntil(".yaoshi").find(".underlineContent").show();
             //$(this).nextUntil(".yaoshi").find(".underlineContent").css("color", "#92D050");
-            $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
-                if (!$(item).hasClass("no-answer")) {
-                    $(item).css("color", "#92D050");
-                }
-                else {
-                    $(item).css("color", "#989898");
-                }
-
-                $(item).find(".wordStyle").css("color", "#db5d00");
-                $(item).find(".phraseStyle").css("background-color", "#f2db8b");
-            });
+            if (parentAnid != undefined) {
+                $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
+                    var underlineContentText = $(this).text();  // 获取文本内容
+                    var widthValue = $(item).css("width");
+                    var newClsName = $(item).next().attr("class");
+                    if (newClsName != "underlineContentShow") {
+                        var addHtml = "";
+                        if (hasChineseWorld(underlineContentText)) {
+                            addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>&emsp;</span>";
+                        }
+                        else {
+                            addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>&nbsp;</span>";
+                        }
+                        $(item).css("display", "inline-block").after(addHtml);
+                    }
+                    else {
+                        $(item).css("display", "inline-block").next().attr("data-status", "0");
+                    }
+                    if (underlineContentText.indexOf("√") > -1) {
+                        $(this).parent().find(".checkbox").find("input").prop('checked', true);
+                    }
+                    if (!$(item).hasClass("no-answer")) {
+                        $(item).css("color", "#92D050");
+                    }
+                    else {
+                        $(item).css("color", "#989898");
+                    }
+                    $(item).find(".wordStyle").css("color", "#db5d00");
+                    $(item).find(".phraseStyle").css("background-color", "#f2db8b");
+                });
+            }
+            else {
+                $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
+                    var underlineContentText = $(this).text();  // 获取文本内容
+                    var widthValue = $(item).css("width");
+                    var newClsName = $(item).next().attr("class");
+                    if (newClsName != "underlineContentShow") {
+                        var addHtml = "";
+                        if (hasChineseWorld(underlineContentText)) {
+                            addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>&emsp;</span>";
+                        }
+                        else {
+                            addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>&nbsp;</span>";
+                        }
+                        $(item).css("display", "inline-block").after(addHtml);
+                    }
+                    else {
+                        $(item).css("display", "inline-block").next().attr("data-status", "0");
+                    }
+                    if (underlineContentText.indexOf("√") > -1) {
+                        $(this).parent().find(".checkbox").find("input").prop('checked', true);
+                    }
+                    if (!$(item).hasClass("no-answer")) {
+                        $(item).css("color", "#92D050");
+                    }
+                    else {
+                        $(item).css("color", "#989898");
+                    }
+                    $(item).find(".wordStyle").css("color", "#db5d00");
+                    $(item).find(".phraseStyle").css("background-color", "#f2db8b");
+                });
+            }
             //不再存在已隐藏的钥匙，移动端回调
             if ($(".yaoshi[data-status='0']").length == 0) {
                 //添加回调
                 console.log("全部显示了");
             }
-        } else {
+        }
+        else{
             $(this).attr("data-status", "0");
             $(this).attr("src", PicInfo.yaoshiHideImgUrl);
-            //$(this).nextUntil(".yaoshi").find(".underlineContent").hide();
-            //$(this).nextUntil(".yaoshi").find(".underlineContent").css("color", "#ffffff");
-            $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
-                $(item).css("color", "#ffffff");
-                $(item).find(".wordStyle").css("color", "#ffffff");
-                $(item).find(".phraseStyle").css("background-color", "#ffffff");
-            });
+            if (parentAnid != undefined) {
+                $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
+                    var underlineContentText = $(this).text();  // 获取文本内容
+                    var widthValue = $(item).css("width");
+                    var newClsName = $(item).next().attr("class");
+                    if (newClsName != "underlineContentShow") {
+                        var addHtml = "";
+                        if (hasChineseWorld(underlineContentText)) {
+                            addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>&emsp;</span>";
+                        }
+                        else {
+                            addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>&nbsp;</span>";
+                        }
+                        $(item).css("display", "none").after(addHtml);
+                        $(item).next().attr("data-status", "1");
+                    }
+                    else {
+                        $(item).css("display", "none").next().attr("data-status", "1");
+                    }
+                    if (underlineContentText.indexOf("√") > -1) {
+                        $(this).parent().find(".checkbox").find("input").prop('checked', false);
+                    }
+                    $(item).css("color", "#ffffff");
+                    $(item).find(".wordStyle").css("color", "#ffffff");
+                    $(item).find(".phraseStyle").css("background-color", "#ffffff");
+                });
+            }
+            else {
+                $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
+                    var underlineContentText = $(this).text();  // 获取文本内容
+                    var widthValue = $(item).css("width");
+                    var newClsName = $(item).next().attr("class");
+                    if (newClsName != "underlineContentShow") {
+                        var addHtml = "";
+                        if (hasChineseWorld(underlineContentText)) {
+                            addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>&emsp;</span>";
+                        }
+                        else {
+                            addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>&nbsp;</span>";
+                        }
+                        $(item).css("display", "none").after(addHtml);
+                        $(item).next().attr("data-status", "1");
+                    }
+                    else {
+                        $(item).css("display", "none").next().attr("data-status", "1");
+                    }
+                    if (underlineContentText.indexOf("√") > -1) {
+                        $(this).parent().find(".checkbox").find("input").prop('checked', false);
+                    }
+                    $(item).css("color", "#ffffff");
+                    $(item).find(".wordStyle").css("color", "#ffffff");
+                    $(item).find(".phraseStyle").css("background-color", "#ffffff");
+                });
+            }
             //添加回调
             onClickKeyHide();
         }