从页面中隐藏的代码部分获取HTML

Question

标题有点令人困惑，所以让我更好地解释一下我遇到的问题。

我需要从页面中提取HTML的某个部分。这部分代码位于一个div中，在页面加载＆＃34;默认隐藏。您必须单击该div才能显示该部分代码。

现在，我需要使用带有对页面的纯AJAX请求或YQL的javascript / jquery脚本来获取此代码，但问题是：我如何＆＃34;模拟＆＃34;点击那个div？

如何使用代码进行div切换以访问其中的代码？

顺便说一下，请求来自同一个域，因此跨域AJAX没有问题。

谢谢！

Answer 1

您可以使用Jquery .click

$("#Id_Of_the_Div_you_want_to_click").click();

Answer 2

据我所知，如果你这样做 $('#hiddenElementID').html()会返回它的内容，如果隐藏或不隐藏，则会返回$('#hiddenElementID').text()。

但如果您真的必须模拟点击，请执行$('#hiddenElementID').click()

要切换使用您自己的功能，请执行$('#hiddenElementID').hide()和$('#hiddenElementID').show()

或使用$('#hiddenElementID').toggle()

http://api.jquery.com/toggle/

Answer 3

也许您应该尝试使用Ajax success:event

function(data){
   //Convert Data to jQuery Object
   var element = $(data);
   element.find('#HiddenDiv').show();
}

因为操纵DOM元素触发假事件是一个坏主意。

Answer 4

您可以像这样模拟点击事件：

$("#div").click()

听起来我正试图从另一个页面获取数据。在单击事件之后编译数据。您可以尝试以下方法：

• AJAX获取包含所需数据的页面
• 将页面呈现为页面中隐藏的iframe
• 模拟嵌套页面上的点击事件以生成数据
• 访问您想要的位并放弃iframe内容。

如果我稍后会花一些时间，我会亲自尝试一下，看看是否可以做到。