2010-03-02 26 views
1

好吧,我有jQuery中的以下代碼。我想在jQuery中做一個查找和替換,我想找到第一個跨度並將其替換爲一個變量。所以我的問題是我將如何去尋找第一跨度,然後找到第二個?做一個查找和替換跨度在jquery

<html> 
     <head> 
     <title>JQuery Problem 2</title> 
     <script type="text/javascript" src="jquery-1.4.min.js"></script> 
     <script type="text/javascript" src="problem2.js"></script> 
     </head> 
     <body> 
     <div id="game"> 
      <form onsubmit="return false"> 
      <p> 
       Guess: 
       <input type="text"/> 
       <input type="submit" value="Go"/> 
      </p> 
      <p> 
       <strong>Number of guesses:</strong> 
       <span>0</span> 
      </p> 
      <p> 
       <strong>Last guess:</strong> 
       <span>None</span> 
      </p> 
      <table border="1" cellpadding="4" cellspacing="1" style="width: 400px"> 
       <tr> 
       <th>Guess</th> 
       <th>Result</th> 
       </tr> 
      </table> 
      </form> 
     </div> 
     </body> 
    </html> 

這裏是我的jQuery

$(document).ready(function() 
{ 

    var randomNum = Math.floor(Math.random()*101) 
    var $guess 
    var $count = $("#game span") 
    var guessCount = 0; 
    var lastGuess; 


    $(":text").change(function() 
    { 
     $guess = $(this).val() 
     guessCount++; 


     if (isNaN(parseInt($guess))) 
     { 
      //alert("not a number") 
      alert($count.html()) 

     } 

     else if($guess != randomNum) 
     { 
      //alert(randomNum) 
     } 

     else 
     { 
      //alert("You Win") 
     } 


    }); 





}); 
+0

你可以把我們當前的jQuery代碼?我假設它包含在'problem2.js'中。 – 2010-03-02 05:42:49

+1

是否要替換*整個範圍*或只是範圍的文本? – 2010-03-02 05:43:36

+0

span文本 – Zerobu 2010-03-02 05:44:35

回答

1

這裏做到這一點(我假設在這裏,你是想顯示猜測的數量和他們的猜測輸入的值)的一種方法:

$('#game span:eq(0)').text(guessCount); 
$('#game span:eq(1)').text($guess); 

不過,我個人只想把一個ID上的兩個跨度和使用,除非有一個很好的理由不這樣做。如果你最終在另一個標籤的上面粘貼另一個標籤,那麼它就不會那麼脆弱。

0

試圖找到http://api.jquery.com/find/

$( '身體')。找到( '跨')應該給所有的跨度在HTML的身體。

循環使用.each並替換文本節點。

0

如果它是一個更復雜的頁面,考慮

$('#game form p span')[0] 

能準確定位的元素。