Question

在html文档中，我遇到以下情况：

...
<div data-v-16ed3604="" class="ivu-select ivu-select-single ivu-select-small">
  <div tabindex="0" class="ivu-select-selection xh-highlight">
    <input type="hidden" value=""> 
    <div> 
      <span class="ivu-select-placeholder">Prop</span> 
      ...

<div data-v-16ed3604="" class="ivu-select ivu-select-single ivu-select-small">
  <div tabindex="0" class="ivu-select-selection xh-highlight">
    <input type="hidden" value=""> 
    <div> 
      <span class="ivu-select-placeholder">Something else</span> 
      ...

在这里，我要选择类为div的 first ivu-select-selection元素（第二行）。用于获取类为ivu-select-selection的元素的XPATH是

//div[@class="ivu-select-selection"]

，但是它选择两个元素。我只想要具有span元素并在其下方带有文本Prop的元素。我只想选择此html示例的第二行。。

该怎么做？

Answer 1

尝试一下，

methods: {
    demo() {
        this.$refs.send[1].checked = true;
        this.$refs.send.submit();
    },
},

Answer 2

尝试在XPath下面使用以获得所需的输出：

//div[@class="ivu-select-selection" and .//span="Prop"]

如何基于内部元素使用XPATH选择html元素？

2 个答案: