Question

我正在尝试在加载页面时自动获取#mydiv中的内容。由于内容是动态的，所以我只使用.on()。单击#mydiv。

时，它可以正常工作

但是如果不点击#mydiv，它可以运作吗？如果它自动加载会很好。

$( "#mydiv" ).on( "click", function() {
  alert( $( this ).text() );
});

我试过“加载”，但没有运气......

Answer 1

试试这个：

＆＃13;

$(function(){
  alert($( "#mydiv" ).text());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mydiv" > Some Text </div>

＆＃13;

Answer 2

为什么你需要使用jQuery 专门？浏览器已经有办法在页面加载时调用一些JavaScript代码：

<body onload="alert($('#mydiv').text())">

或者，

<body onload="alert(document.getElementById('mydiv').innerText)">

以上两个也会这样做。

您在<script>标记之间指定的任何代码都会在加载脚本标记时执行。

<script>alert($('#mydiv').text());</script>

如果你想在一个元素的innerHTML改变时调用一个函数，你应该看一下这些问题：

Answer 3

你是说这个吗？

$(function() {
    alert( $( '#mydiv' ).text() );
});

一旦页面完成加载并完全可用，它将立即提醒#mydiv的内容。

Answer 4

你可能意味着trigger()

例如

$( "#mydiv" ).on( "click", function() {
   alert( $( this ).text() );
});


$( "#mydiv" ).trigger('click');

Answer 5

尝试使用jQuery trigger方法

当相应的事件发生时，会触发附带.on（）或其快捷方法之一的事件处理程序。

$( "#foo" ).on( "click", function() {
  alert( $( this ).text() );
});
$( "#foo" ).trigger( "click" );

在此示例中，触发了foo click事件。

Answer 6

$(document).ready(function()
{
    alert($("#mydiv").text())
})