18910140161

如何获取同级元素的内部html文本

顺晟科技

2021-09-15 13:18:05

245

这为什么不打印出span的文本“apple”?

<label class="search-recipe-chkbox fruitLabel">
  <input type="checkbox" class="checkbox check-box-mob-filters check-box-desktop" id="12DSKT" name="Apple" value="12">
  <span class="checkmark"></span>
  <span class="ingredient-label">Apple <span class="recipe-count" id="12numDSKT">(1)</span></span>
</label>
for (var checkbox of checkboxes) {
  if (checkbox.checked == true) {
    console.log($(checkbox.id).siblings('.ingredient-label').text());
  }
}

checkboxes只是表单中的所有复选框(输入),并且假定选中了Apple。

谢谢


顺晟科技:

可能发生这种情况的原因有多种,但下面是我对您的问题的解决方案。

for (var checkbox of checkboxes) {
  if (checkbox.checked) {
    var val = checkbox.parentElement.querySelector('.ingredient-label').textContent;
    console.log(val);       
  }
}   

检查console.log

中的console.log-

它需要在前面有一个#

for (var checkbox of checkboxes) {
  if (checkbox.checked == true) {
    console.log($('#'+checkbox.id).siblings('.ingredient-label').text()); // like this
  }
}
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航