从特定标签获取文本

Question

假设我有一些 html 表单。

<form action="action_page.php">
  First name:<br>
  <input type="text" name="fistname" value="Mickey" />
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse" />
  <br><br>
  <input type="submit" value="Submit">
</form>

我想打印与https://www.tutorialspoint.com/html/html_input_tag.htm中相同的内容

喜欢

名字 : .........

姓......

我能够获取输入值。我所需要的只是一种读取这个名字姓氏文本的方法（即输入标签之前的文本）。

我在 jsoups 中看到过 .text() 或 else 之类的方法，但它们提供了标签内的所有文本。我想要具体的文字。谢谢。

Answer 1

要使用 Java 的内置 DOM 做到这一点，您可以执行以下操作：

此代码将查找文档中所有带有input 标记的元素的第一个文本节点。您可以使用Element#getAttribute 来检查输入元素是否是实际的文本输入字段而不是提交按钮。

DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
DocumentBuilder builder = factory.newDocumentBuilder();
Document document = builder.parse(new FileInputStream("doc.xml"));//Load document from any InputSource or InputStream
//Loop through all nodes with the input tag:
NodeList nl = document.getElementsByTagName("input");
for(int i = 0; i < nl.getLength(); i++){
    Node n = nl.item(i);
    if(n.getNodeType() != Node.ELEMENT_NODE)
        continue;
    Element e = (Element)n;
    Node previous = e;
    //Loop through all nodes before the input element:
    while((previous = previous.getPreviousSibling()) != null){
        if(previous.getNodeType() == Node.TEXT_NODE && previous.getTextContent().replaceAll("\\s+", "").length() > 0){
            System.out.println(previous.getTextContent().trim()); //Remove whitepsace from beginning and end of the text.
            break; //Break after finding the first text element of appropriate length.
        }
    }
}

虽然我对 JSoup 一无所知，但我认为您可以像在上面的代码中一样访问以前的元素。

给读者的一般说明

我使用的是 DOM 而不是 JSoup，请注意 OP 在 cmets 中要求这样做。

Answer 2

你应该使用标签。

<form action="action_page.php">
    <label for="fname">First name</label>
    <input type="text" name="fistname" id='fname' value="Mickey" />
    <br>
    <label for="lname">Last name</label>
    <input type="text" name="lastname" id='lname' value="Mouse" />
    <br><br>
    <input type="submit" value="Submit">
</form>

然后您可以获得标签值： $('label[for="'+ this.id +'"]').text()

另一种选择是使用数据属性：

<input type="text" name="lastname" data-descriptor="Last Name" value="mouse"/>

你可以得到如下值： $(this).data('descriptor')

我不知道这些的非 jquery 对应物，但应该足够简单。