Jquery迭代

我編寫了以下代碼，我希望它能夠遍歷並顯示（延遲）一系列元素。如果事實上它在IE和FireFox中做了不同的事情，但是不是我想要的！Jquery迭代

比爾^ h

======================================== ================================================== =

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>Test</title> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script> 

<script language="JavaScript" type="text/javascript"> 
<!-- 
$(document).ready(function() { 
    $('#ulId').children().each(
    function(){ 
     //access to form element via $(this) 
       $('#dis').hide(2000).text($(this).text()).show(2000); 
    }); 
}); 
//--> 
</script> 
</head> 
<body> 
<ul id='ulId'> 
    <li><span class='a'>Some Text1</span><img src="http://www.old-picture.com/europe/pictures/Heisterbach-ruins.jpg" alt=""></li> 
    <li><span class='a'>Some Text2</span><img src="http://www.theodora.com/wfb/photos/syria/roman_ruins_palmyra_syria_photo_gov.jpg" alt=""></li> 
    <li><span class='a'>Some Text3</span><img src="http://www.cosmos.com/Common/Images/Destinations/delphi-ruins.jpg" alt=""></li> 
</ul> 
<div id='dis' style='background-color: red; color: white'></div> 
</body> 
</html>

來源

2011-07-09 Bill H

請將實際的代碼保持原樣，並使用編輯器中的{}'按鈕進行格式化。你現在擁有的是不可讀的。另外，請更好地描述正在發生的事情和您將要發生的事情。 – Mat

是的...請更清楚你想要發生什麼... – samccone

檢查了這一點，它是XML，但我認爲它會爲XHTML工作過，我有同樣的問題，並幫我，你面對這一點，但由於IE對象結構是有點差異從其餘。

var parseXml; 
    if (window.DOMParser) { 
     parseXml = function (xmlStr) { 
      return (new window.DOMParser()).parseFromString(xmlStr, "text/xml"); 
     }; 
    } else if (typeof window.ActiveXObject != "undefined" && new 
window.ActiveXObject("Microsoft.XMLDOM")) { 
     parseXml = function (xmlStr) { 
      var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM"); 
      xmlDoc.async = "false"; 
      xmlDoc.loadXML(xmlStr); 
      return xmlDoc; 
     }; 
    } else { 
     parseXml = function() { return null; } 
    }

跳它有幫助。

來源

2011-07-09 07:50:00

如果你想要什麼，我想你想（顯示和隱藏元素順序），這將是解決辦法：

$(document).ready(function() { 
    $('#ulId').children().each(
    function(){ 
     //access to form element via $(this) 
     var html = $(this).html(); 
     $('#dis').hide(2000, function(){ 
      $(this).html(html, function(){ 
       $(this).show(2000) 
      }); 
     })   
    }); 
});

希望這有助於。歡呼聲

來源

2011-07-09 07:50:53

對不起 - 這對我沒有用... –

回答

相關問題