Javascript 从所选tr获取特定css类的值

我有一个包含多行的html表，所有行的结构都相同

我可以通过jQuery选择单击的行，但现在我想用css类“book”获取某个字段的值，它位于该行中

$（函数（）{
$（文档）.on（'click'，'book_listing'，function（）{
$（this.css（'background'，'red'）；
//这就是我试图获取val的代码
log（$（this.find（'.book'）.val（））；
})
})

材料1
材料2
材料3
我想要的价值
其他东西
等等

您需要使用

$(this).find('.book').text()

或者你可以使用

$(this).find('.book').html()

如果使用.text（），则会得到文本；如果使用.html（），则会得到带有标记的文本。 范例

我想要的值
.text（）将返回：我想要的值
.html（）将返回：我想要的值

---

.val（）我用于输入、选择和文本区域。这就是为什么它不能在您的代码中工作。

使用$（this）.find（'.book'）.text（）@AlexG很好，这就行了！但是你能告诉我为什么吗？还添加此作为答案，以便我可以接受它@使用

val（）

方法获取输入元素的值，如

input

，

选择
和
textarea
。由于您需要
td
的内容，因此需要根据您的需要使用
.text（）
或
.html（）
need@ArunPJohny我明白了，谢谢！谢谢你的解释！
<button class="book">The value I <b>want</b></button>

.text() will return: The value I want
.html() will return: The value I <b>want</b>