<div data-v-d1111eac="" class="sp-item" label="日期选择" span="8" style="width: 100%;"><!----><input type="text" autocomplete="off" name="" placeholder="请选择日期选择" class="el-input__inner"><span class="el-input__prefix"><i class="el-input__icon el-icon-date"></i><!----></span><span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon"></i><!----><!----><!----><!----></span><!----></span><!----><!----></div> 使用css根据el-icon-date选择到前面的el-input__inner

可以使用以下 CSS 选择器来实现：

.el-icon-date ~ .el-input__inner {
  /* 样式 */
}

这个选择器使用了 “波浪符号” (~) 来选择前面有 `.el-icon-date` 类的元素后面的所有兄弟元素中的 `.el-input__inner` 类元素。

相关问题

<div data-v-d1111eac="" class="sp-item" label="日期选择" span="8" style="width: 100%;"><!----><input type="text" autocomplete="off" name="" placeholder="请选择日期选择" class="el-input__inner"><span class="el-input__prefix"><i class="el-input__icon el-icon-date"></i><!----></span><span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon"></i><!----><!----><!----><!----></span><!----></span><!----><!----></div> 使用css根据el-icon-date选择到的el-input__inner

可以使用以下 CSS 选择器来实现：

.el-icon-date + .el-input__inner {
  /* 样式 */
}

这个选择器使用了 “加号” (+) 来选择前面有 `.el-icon-date` 类的元素后面的紧邻的 `.el-input__inner` 类元素。

取出网页中所有类似<div class="contentItem"><img src="/Areas/exercise/images/icon.png" alt="" class="itemImg"><a class="itemText" href="javascript:void(0)" onclick="OpenVideoPlay('d4106277-4eac-425d-b8da-26fb92447163','',2,0)"><p class="itemTitle"><img src="/Areas/exercise/images/xx.png" alt="" class="item_img">基本职能</p><p class="itemUserMessage"><span class="name">老浩</span><span class="address ellipsis">丰台区</span></p></a><div class="type"><p class="finish">已完成</p><div class="praise"><a target="_blank" href="/Exercise/ExerciseExam/HomeWorkIndex?learn_courseware_id=d4106277-4eac-425d-b8da-26fb92447163"><img src="/Areas/exercise/images/khzyh.png" alt="" class="praise_img"></a></div></div></div>这种元素list里面d4106277-4eac-425d-b8da-26fb92447163的值，用js

你可以使用 JavaScript 中的 DOM 操作方法来获取网页中所有类似 `<div class="contentItem">` 的元素，并提取其中 `d4106277-4eac-425d-b8da-26fb92447163` 的值。以下是一个示例代码：

// 获取所有符合条件的元素
var elements = document.querySelectorAll('div.contentItem');

// 遍历元素列表
for (var i = 0; i < elements.length; i++) {
  var element = elements[i];

  // 提取所需的值
  var link = element.querySelector('a.itemText');
  var onclickValue = link.getAttribute('onclick');

  // 解析 onclick 属性值，提取目标值
  var regex = /OpenVideoPlay\('([^']+)'/;
  var match = onclickValue.match(regex);
  
  if (match) {
    var value = match[1];
    console.log(value);
    // 在这里可以对提取到的值进行操作
  }
}

这段代码首先使用 `document.querySelectorAll` 方法获取所有具有类名为 `contentItem` 的 `<div>` 元素。然后，使用循环遍历这些元素，并在每个元素中查找包含目标值的属性。最后，使用正则表达式提取目标值，并进行处理。

请注意，这段代码应该在网页加载完成后执行，或者将其放在 `<script>` 标签中，并确保代码执行顺序正确。