Java用Jsoup可操作DOM，如何用jQuery操作外部文档或字符串？

嘿，我来帮你搞定这个问题！你在Java里用Jsoup做DOM操作的思路完全可以映射到jQuery里，下面分两种情况给你讲清楚：

1. 操作已有的外部文档对象 docInput #

如果docInput已经是一个完整的外部文档对象（比如通过iframe获取到的document，或者其他方式加载的外部文档），你只需要告诉jQuery不要默认用当前页面的document，而是用这个传入的docInput作为查询上下文就行。

有两种常用写法：

• 写法一：把docInput作为$()的第二个参数（上下文参数）
• 写法二：先把docInput转成jQuery对象，再用.find()查询元素

举个和你Jsoup代码对应的例子，获取外部文档里的第一个table：

function setOrigAttribute(docInput) {
    // 写法一：用上下文参数查询
    const $table1 = $('table', docInput).first();
    // 写法二：通过find查询
    const $table2 = $(docInput).find('table').first();
    
    // 接下来就可以像操作普通jQuery元素一样处理了，比如给table加属性
    $table1.attr('data-original', 'external-doc');
    console.log('处理后的table:', $table1);
}

2. 处理任意HTML字符串 #

如果你的docInput是一个HTML字符串（比如从后端拿到的完整HTML文档字符串），直接把字符串传给$()就能生成对应的jQuery对象，之后就可以用所有jQuery方法操作它了。

示例代码：

function setOrigAttribute(htmlString) {
    // 把HTML字符串转成jQuery对象
    const $externalDoc = $(htmlString);
    
    // 操作里面的元素，比如给所有p标签加类名
    $externalDoc.find('p').addClass('external-content');
    // 获取第一个table并修改属性
    $externalDoc.find('table').first().attr('data-original', 'true');
    
    // 如果需要把处理后的HTML转成字符串，可以用下面的方式
    const processedHtml = $externalDoc.html();
    console.log('处理后的HTML:', processedHtml);
}

关键总结 #

• 针对外部文档对象：用$(selector, 外部文档对象)或$(外部文档对象).find(selector)指定查询范围
• 针对HTML字符串：直接$(html字符串)生成可操作的jQuery对象，和操作页面DOM完全一致

内容的提问来源于stack exchange，提问作者Mike