如何使用动态更新的 jQuery 获取 div.id 的 innerHTML

Question

var obj = {
  "Ethernet": "Up",
  "Ethernet": "Down",
  "USB_Dongle": "Down",
  "USB_Dongle": "Down",
  "X_BROADCOM_COM_PPTPAC": "Down",
  "wanLink": "Up"
}

function renderStatusWanLink(obj) {
  var tmp = jQuery('#WAN_Line').html();
  console.log(tmp);

  if (obj !== false) {
    jQuery('#WAN_Line').html(obj.wanLink);
  }
}

renderStatusWanLink(obj);
renderStatusWanLink(obj);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<table class="az-table az-table-status table table-condensed table-hover table-striped">
  <tbody>
    <tr>
      <td>WAN Status</td>
      <td>:</td>
      <td id="WAN_Line" width="49%"></td>
    </tr>
  </tbody>
</table>

我试图首先从 div #WAN_Line 中获取 html/text 内容。最初它将是空的。但下次它应该 return 我有一些价值，因为它已经更新了。但它总是 return 是空的。

HTML:(这是里面一个table)

<tr>
    <td>WAN Status</td>
    <td>:</td>
    <td id="WAN_Line" width="49%"></td>
</tr>

Javascript:

function renderStatusWanLink(obj)
{
    var tmp = jQuery('#WAN_Line').html();
    console.log(tmp);

    if (obj !== false) {

        jQuery('#WAN_Line').html(obj.wanLink);            
    }
}

对象=

{"Ethernet":"Up",
"Ethernet":"Down",
"USB_Dongle":"Down",
"USB_Dongle":"Down",
"X_BROADCOM_COM_PPTPAC":"Down",
"wanLink":"Up"}

Answer 1

如果一切顺利，它应该 work.with 你给定的对象和代码，下面的代码对我来说是完美的。在下面的代码中，spinet 单击按钮以更改 td html

<html>
<head>
<script src="js/jquery-1.7.1.min.js"></script>


<script type="text/javascript">

var obj={"Ethernet":"Up",
        "Ethernet":"Down",
        "USB_Dongle":"Down",
        "USB_Dongle":"Down",
        "X_BROADCOM_COM_PPTPAC":"Down",
        "wanLink":"Up"};
    function removeLine() {

        var tmp = jQuery('#WAN_Line').html();
        console.log(tmp);

        $('#WAN_Line').html("updated code");
    }


    function renderStatusWanLink()
    {
        var tmp = jQuery('#WAN_Line').html();
        console.log(tmp);

        if (obj !== false) {

            jQuery('#WAN_Line').html(obj.wanLink);            
        }
    }
</script>



</head>
<body>
    <div >

        <table>

            <tr>
                <td>WAN Status</td>

                <td id="WAN_Line" width="49%"></td>
            </tr>
        </table>
    </div>
    <button onclick="renderStatusWanLink()">click to change text</button>

</body>
</html>

如何使用动态更新的 jQuery 获取 div.id 的 innerHTML

How to get innerHTML of a div.id using jQuery, which is updated dynamically

html

javascript

jquery

innerhtml