用纯JavaScript为Google标记管理器翻译jQuery代码

我需要将此jQuery代码翻译成javascript，以便在Google Tag Manager中使用，但在翻译过程中遇到了一些问题：

$('.book-wrapper').click(function() {return( $('.book-title', this).text() )});

---

非常感谢您的帮助。谢谢

下面的内容应该适合您

单击此处查看书籍名称
指环王
var bookWrapper=document.getElementsByClassName（'book-wrapper'）；
对于（var x=0；x

类似下面的内容应该适合您

单击此处查看书籍名称
指环王
var bookWrapper=document.getElementsByClassName（'book-wrapper'）；
对于（var x=0；x

看起来像是这样，我认为：

var els=document.querySelector（'.book wrapper'）；
对于（var ix=0；ix

双城记

看起来像是这样，我认为：

var els=document.querySelector（'.book wrapper'）；
对于（var ix=0；ix

双城记

使用

书籍包装器类抓取所有元素：

var wrappers= document.querySelectorAll('.book-wrapper');

迭代集合，添加单击处理程序。用于获取单击的
书籍包装的标题
：

for(var i = 0 ; i < wrappers.length ; i++) {
  wrappers[i].addEventListener('click', function(e) {
    var title= this.querySelector('.book-title').textContent;
    console.log(title);
    return title;
  });
}


小王子
这是一个关于小王子的故事。
小美人鱼
这是一个关于小美人鱼的故事。
使用
书籍包装器类抓取所有元素：

var wrappers= document.querySelectorAll('.book-wrapper');

迭代集合，添加单击处理程序。用于获取单击的
书籍包装的标题
：

for(var i = 0 ; i < wrappers.length ; i++) {
  wrappers[i].addEventListener('click', function(e) {
    var title= this.querySelector('.book-title').textContent;
    console.log(title);
    return title;
  });
}


小王子
这是一个关于小王子的故事。
小美人鱼
这是一个关于小美人鱼的故事。
请显示您尝试的内容。所以这不是一个免费的编码服务。请展示你尝试了什么。所以这不是免费的编码服务。我认为保罗的答案更准确。您的示例查找所有.book title类，而不仅仅是.book wrapper元素下的类。实际上，OP的代码确实查找
.book wrapper
元素下的类，因为这里的
this
参数：
$（'.book title'，this）
我想你应该使用
查询选择器all
而不是
查询选择器
。我认为保罗的答案更准确。您的示例查找所有.book title类，而不仅仅是.book wrapper元素下的类。实际上，OP的代码确实查找
.book wrapper
元素下的类，因为这里的
this
参数：
$（'.book title'，this）
我想你应该使用
querySelectorAll
而不是
querySelector
。OP使用
这个
作为上下文（
$（'.book title'，this）
），这意味着
书名
是
书籍包装器的子项。OP使用
这个
作为上下文（
$（'.book title'，this）
），这意味着
book title
是
book wrapper
的子项。