javascript - 如何修改文档中 DIV 元素的子集？

Question

JSFiddle 在这里:https://jsfiddle.net/eliluong/wvLrgdw2/

假设有一个图片库，每个图片都包含在一个容器中，该容器具有一个通用的 class 名称。我有一个 div 封装了所有内容。我在 JSFiddle 代码中设置了一个基本示例。

如果用户点击其中一张图片中的一个特定元素，则所产生的操作应该对所有图片(或可能是子集)执行某些操作。我编写代码的方式是一直查看直到到达最顶层的 div，然后搜索以到达包含我要更改的内容的 div 元素。但我想弄清楚如何只选择一个子集。我可以使用 $('.myB').text('bye'); 更改所有这些，但不能通过匹配文本来仅更改其中的一部分。但是我现在也找不到比较字符串的正确方法。你有什么建议可以给我吗？谢谢。

*澄清——一个不同的问题是，JQuery 能否将所有包含 hello2 内容的 myB 元素作为数组获取，并让我遍历它们？

$('.one .myB').bind('click', function() {
    //alert('test');
    //var ttext = $(this).parentsUntil('.one').find('.myB').text();
  //$(this).parentsUntil('.one').find('.myB').text('bye');
  //$('.myB').text('bye');
  if ($('.myB').text() == "hello2") {
    $('.myB').text('bye');
  }
  //alert('text->' + ttext);
});

Answer 1

<div> 中可能有空格和空行标签。可以试试 trim() :

if ($('.myB').text().trim() == "hello2") {
  $('.myB').text('bye');
}