Javascript記住變量，條形div

-2

我有一個腳本，它在鼠標懸停時向div添加一個單詞現在，我希望單詞在單詞上被記住並打印在控制檯中。
但是這些詞有如下鏈接：
<a href"">So,</a>
當我點擊這個詞時，腳本現在會記住整個鏈接。所以我需要找到一種方法來將它「去掉」到「所以」這個詞。
下面的代碼：Javascript記住變量，條形div

<script src="https://code.jquery.com/jquery-2.2.4.js"></script> 

<script> 
var $allescheissehierrein = $('.allescheissehierrein'), 
    datenbank = { 
    1: '<a href="file:///Users/shirin/Desktop/A/Media%20Design/TCB/one.html">So,</a>', 
    2: '<a href="file:///Users/shirin/Desktop/A/Media%20Design/TCB/one.html">HERE,</a>'}, 
    simbol = '', 
    platzierRandom = function() { 
     var w = document.body.offsetWidth, 
      h = document.body.offsetHeight, 
      rd = document.getElementsByTagName('div'); 

     for (var c = 0, l = rd.length; c < l; c++) { 
     if (rd[c].className !== 'random') { 
      continue; 
     } 

     var xCoord = Math.floor(Math.random() * w), 
      yCoord = Math.floor(Math.random() * h); 

     switch (true) { 
      case (xCoord >= w - rd[c].offsetWidth - 10): 
      xCoord = w - rd[c].offsetWidth - 10; 
      break; 
      case (xCoord <= 10): 
      xCoord = 10; 
      break; 
      case (yCoord >= h - rd[c].offsetHeight - 10): 
      yCoord = h - rd[c].offsetHeight - 10; 
      break; 
      case (yCoord <= 10): 
      yCoord = 10; 
      break; 
     } 

     rd[c].style.left = xCoord + 'px'; 
     rd[c].style.top = yCoord + 'px'; 
     } 
    }; 

//einfach loop mit bis 100 oder was auch immer 
for (var i = 1; i <= 2; i++) { 

    //einen div in eine variable speichern 
    //es wird für die datenbank "data-hover" auf den i wert gesetzt welcher ja stetig hochzählt darum alle verschieden 
    switch (true) { 
    case (i < 24): 
     simbol = '#'; 
     break; 
    case ((i > 23) && (i < 47)): 
     simbol = '**'; 
     break; 
    case ((i > 46) && (i < 97)): 
     simbol = '-'; 
     break; 
    case ((i > 96) && (i < 114)): 
     simbol = '1.'; 
     break; 
    case (i > 113): 
     simbol = '~~'; 
     break; 
    } 

    //diesen die dem allescheissehierrein-div appendieren (100 mal) 
    $allescheissehierrein.append('<div data-hover="' + i + '" class="random"><p>' + simbol + '</p></div>'); 
} 

//diese platzier dings funktionion erst nach der platzierung aller divs (diese 100) machen weil sie ja vorher gar nicht existieren 
platzierRandom(); 

//richtig mit jquery UND datenbank 
$('.random') 
    .hover(function() { 
    var hoverdata = $(this).data('hover'), 
     satzvondatenbank = datenbank[hoverdata]; 
    $(this).append($('<span>' + satzvondatenbank + '</span>').show('slow')); 


     $('a').mousedown(function(event) 
    { 
     var poemArray; 
    if (localStorage.getItem("poem")) 
    { 
     poemArray = localStorage.getItem("poem"); 

     console.log(poemArray); 
    } 
    else 
    { 
     poemArray = ""; 
     localStorage.setItem("poem", poemArray); 
    } 

    poemArray += " " + satzvondatenbank; 

    console.log(poemArray); 


    localStorage.setItem("poem", poemArray); 

    } 
) 



    }, function() { 
    $(this).find('span:last').remove(); 
    }); 











    </script> 

</html>

來源

2016-11-12 malina

有一個在HTML代碼中沒有''所示。點擊什麼？ *「記住」*是什麼意思。你需要使這個問題更清楚，並刪除任何代碼不相關的問題......無論是 – charlietfl

不需要粗魯。只是試圖指出，這個問題不明確，也不代表[mcve]。建議你花幾分鐘時間閱讀[問]也 – charlietfl

您可以使用jQuery導航到錨標記，然後使用jquery這樣得到的文本，

var anchorText=$("a").text();

這將獲取的innerText這是目前的錨定標記。或者你可以使用此方法爲好，

var anchor=<a href="file:///Users/shirin/Desktop/A/Media%20Design/TCB/one.html">So,</a>

anchor.substring(indexOf(">")[0],indexOf("<")[1]);

來源

2016-11-12 14:22:38 GraveyardQueen

Javascript記住變量，條形div

回答

相關問題