Question

好的，我在jquery中有以下代码。我想在jquery中进行查找和替换，我想找到第一个span并用变量替换它。所以我的问题是如何找到第一个跨度，然后找到第二个？

<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")
        }


    });





});

Answer 1

这是一种方法（我假设你想要显示猜测的数量和他们输入的值作为猜测）：

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

但就个人而言，我只会在两个跨度上使用它并使用它，除非有充分的理由不这样做。如果你最终在某些点上方的另外一个span标签位于那两个之上，那就不会那么脆弱。

Answer 2

尝试查找http://api.jquery.com/find/

$（'body'）。find（'span'）应该在你的html体中给出所有范围。

循环使用.each并替换文本节点。

Answer 3

如果这是一个更复杂的页面，请考虑

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

可以准确定位元素。

在jquery中查找和替换span

3 个答案: