將數組中的字符串追加到鼠標中的div上

我有兩個按鈕在盤旋時改變顏色。他們都被稱爲僱主和僱員。我在他們下面有一個Div，因此當我徘徊的時候，我想相應地改變文字。我不希望文字被刪除，除非另一個按鈕被懸停。將數組中的字符串追加到鼠標中的div上

顏色改變工作，但它不插入數組中的文本。他們的語法錯了嗎？

我該如何做到這一點？

JQUERY

$(document).ready(function() { 

     var pigText = new Array("Employee INFO", "Employer INFO"); 
     //Button Color Change 
     $("#employerButton").mouseenter(function() { 
      $("#employerButton").css("background-color", "#989898"); 
      $("#employeeButton").css("background-color", "#6EBE44"); 
      $("pigText[1]").appendTo("#pigTextHolder"); 
     }); 


     $("#employeeButton").mouseenter(function() { 
      $("#employeeButton").css("background-color", "#989898"); 
      $("#employerButton").css("background-color", "#6EBE44"); 
      $("pigText[0]").appendTo("#pigTextHolder"); 
     }); 


    });

HTML

<div class="d1-d2 greenSideBar" id="leftGreenSideBar" > 

</div> 
<div class="d3-d6 m1" id="employerButton"> 
    <p>Employer</p> 
</div> 
<div class="d7-d10 m1" id="employeeButton"> 
    <p>Employees</p> 
</div> 
<div class="d11-d12 greenSideBar" id="rightGreenSideBar"> 

</div> 

<!--BREAK--> 
<div class="d-all m1" id="coingBackground"> 
    <h2>Welcome to Payday</h2> 
    <img src="images/the_pig_payday.png" alt="The Pig" /> 
    <div id="pigTextHolder"> 
     <p>Just some random crap about a boy... and his pet pig. Dont let it frighten you. Babes cousin isnt out for revenge. Just closure. BLAH BLAH BLAH BLAH </p> 
    </div> 
</div>

來源

2014-05-15 onTheInternet

您正在使用各地訪問陣列表達報價，所以他們不會被解釋爲表現形式，但作爲字符串。

而且，你可能要替換元素中的文本，而不是增加更多的文字：

$("#pigTextHolder").text(pigText[1]);

演示：http://jsfiddle.net/Guffa/paeM3/2/

來源

2014-05-15 19:15:39 Guffa

偉大的答案謝謝。無論如何，要在輸出中添加一個

標籤，以便我可以使用CSS來設置輸出風格？ – onTheInternet

@onTheInternet：如果您想在內容中使用HTML代碼，請使用'html'方法而不是'text'方法。 – Guffa

你想改變：

$("pigText[1]").appendTo("#pigTextHolder");

要：

$("#pigTextHolder").html($("#pigTextHolder").html() + $(pigText[1]));

或者：

$("#pigTextHolder").append(pigText[1]);

來源

2014-05-15 19:13:36

你能更新我的小提琴嗎？我試過這個，並且由於某種原因它沒有工作。 – onTheInternet

現在試試...我的答案是頂着。 –

我剛剛測試''（「＃pigTextHolder」）。append（pigText [0]）;'工作正常。 –

您可以使用.append()這裏：

$("#pigTextHolder").append(pigText[1]); 
$("#pigTextHolder").append(pigText[0]);

來源

2014-05-15 19:15:00 Jai

使用

$（「＃pigTextHolder」）HTML （pigText [1]）;

和

$（「＃pigTextHolder」）HTML（pigText [0]）。

分別

來源

2014-05-15 19:18:44

將數組中的字符串追加到鼠標中的div上

回答

相關問題