0

セレクターを作成するとき、2つのクラスによって定義された要素内にクラスが見つかることを示すスペースが必要です。私は他の場所でこの構文を使用したと確信しています。

しかし、この機会に私は得ます:

エラー:構文エラー、認識されない式: "[Break On This Error] throw new Error("
構文エラー、認識されない式: "+ msg);

セレクターは次のとおりです。

tag = $(".m_3.current_Status .smoothie_Text").prop("tagName");

.smoothie_Textの前のスペースを削除すると、構文エラーは消えますが、タグが見つからないため、明らかにタグが定義されていません。

編集

<td class="m_1 current_Status" style="background-color: rgb(255, 127, 0); color: rgb(255, 255, 255);">
<div class="smoothie hasSVG">
<input class="smoothie_Text" type="hidden" value="Super Power">
<svg version="1.1" stroke-width="0.501" stroke-linejoin="bevel" fill-rule="evenodd" overflow="visible" width="10" height="10" viewBox="0 0 236.25 225">
</div>
</td>

*編集-解決策(#2短縮)*

注-結局、コンマ区切りのアプローチは使用しませんでした。スペースで区切られたクラスのグループでの以前の試みが失敗した理由はわかりませんが、提出された選択が引用符で囲まれていると思われます。

$(".smoothie").on("mouseover", function(event) {

    var containerElements = $(event.target).parentsUntil($("tr").parent())
         .map(function () { 
             return this.className; 
         })
         .get().join(",");

    containerArray = containerElements.split(",");
    row_Class = containerArray.pop();
    row_Classes = row_Class.split(" ");
    container_Class = containerArray.pop();
    container_Classes = container_Class.split(" ");

    var offset = $(event.target).offset();

    value = $("." + row_Classes[0] + "." + row_Classes[1] + " ." + container_Classes[0] + "." + container_Classes[1] + " .smoothie_Text").attr("value");

    $("#flavour_Text").html("<a>" + value + "</a>");
    $("#flavour_Text").css("top", offset.top);
    $("#flavour_Text").css("left", offset.left);
    $("#flavour_Text").css("width", (value.length * 0.6) + "em")
    $("#flavour_Text").css("display","block");

    // this dsiplays all. Needs refinement

}).svg({loadURL: '../_public/_icons/smoothie.svg'});   

$(".smoothie").on("mouseout", function(event) {
    $("#flavour_Text").html("");
    $("#flavour_Text").css("display","none");
}).svg({loadURL: '../_public/_icons/smoothie.svg'});  
4

0 に答える 0