Fatal编程技术网

Jquery迭代

jquery

Jquery迭代,jquery,Jquery,我已经编写了下面的代码，我希望它能够迭代并延迟显示一系列元素。如果事实上它在IE和FireFox中做了不同的事情，但都不是我想要的 法案H =========================================================================================== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> &

我已经编写了下面的代码，我希望它能够迭代并延迟显示一系列元素。如果事实上它在IE和FireFox中做了不同的事情，但都不是我想要的

法案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>
看看这个，它适用于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; }
    }
跳转它有帮助。

如果您想要我认为您想要的内容，请按顺序显示和隐藏元素，这将是解决方案：

$(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)
           });
        })        
    });
});
希望这有帮助。干杯

请按原样发布实际代码，并使用编辑器中的{}按钮设置格式。你现在所拥有的是不可读的。另外，请更好地描述正在发生的事情和您希望发生的事情。是的。。。请更清楚你想发生什么。。。