Jsoup element.class.class 选择方法返回null

Question

我正在尝试访问 <form> 元素内的 <button> 元素。

<form action="search.php" method="post" class="form-inline">
            <div class="form-group">
                <label for="value"><span class="text-uppercase">Lyrics Search:</span></label>
                <input type="text" name="value" class="form-control input-sm">
            </div>
            <div class="form-group">
                <select name="field" class="form-control input-sm">
                    <option value="artist" >Artist</option>
                    <option value="title" >Title</option>
                    <option value="body"  >Body</option>
                </select>
                <button type="submit" class="btn btn-primary btn-sm">Submit</button>
            </div>
        </form> 

现在 <button> 元素在 2 个 HTML 类中，我知道我需要在 select() 方法中连接这些类。 不知何故，我的代码在 select() 方法之后返回了 null。

我的代码：

HtmlPage htmlPage = new HtmlPage(Jsoup.connect("http://www.lyricsplanet.com/").get());

            // Get to <div class="form-group">
            Element searchFormElement = htmlPage.getHtmlDocument().select("div.form-group").first();
searchFormElement.attr("name", searchedLyrics); // Setting the value of name to the searched lyrics.

            // Getting to <button type="submit" class="btn btn-primary btn-sm">Submit</button>
            Element buttonElement = htmlPage.getHtmlDocument().select("button.btn btn-primary btn-sm.form-inline").first();
            System.out.println(buttonElement.html());

在 - select("button.btn btn-primary btn-sm.form-inline").first(); 中，我尝试使用两个类来访问 <button> 元素。

那我做错了什么？

编辑 我才注意到有3个！ <button> 元素的类。那就更乱了。

Answer 1

我从未听说过 Jsoup 中有一个名为 HtmlPage 的类。你应该使用 Document-class 如果你调用 Jsoup.connect(...); 将返回它；

你可以试试下面的代码：

Document document = Jsoup.connect("http://www.lyricsplanet.com/").get(); // Just connect
Element formElement = document.select("div#alphabet > form").first(); // Search for form
formElement.select("input[name=value]").val(yourSearchValue); // Set your search value
Element submitButton = formElement.select("button[type=submit]").first(); // Then search in form for submit button, otherwise your selector could find another submit button first

HTML 表单元素（搜索字段和提交按钮）没有您可以使用的标识符。唯一的方法是使用这些特定的 css 选择器。

编辑： 之后要提交表格吗？然后您不必搜索提交按钮。您可以在设置搜索值后提交表单。试试下面的代码：

Document document = Jsoup.connect("http://www.lyricsplanet.com/").get();
FormElement formElement = document.select("div#alphabet > form").forms().get(0); // Use FormElement instead of Element
formElement.select("input[name=value]").val(yourSearchValue);
Document searchResult = formElement.submit().post(); // Do anything you want with the search result page/html

Answer 2

要使用多个类搜索一个元素，您必须像 select("button.btn, button.btn-primary, button.btn-sm") 这样将多个选择器分组。

有关详细信息，请参阅选择器组合部分中的http://jsoup.org/cookbook/extracting-data/selector-syntax。