Javascript 如何查找div的文本内容
我相信这很简单，但我似乎无法解决它。我正在尝试获取div中的文本值。下面的代码来自搜索下拉结果，因此用户将单击搜索结果，然后单击的内容将填充另一个div。但目前我只想获取div中的值“1”或“2”作为变量Javascript 如何查找div的文本内容,javascript,jquery,Javascript,Jquery,我相信这很简单，但我似乎无法解决它。我正在尝试获取div中的文本值。下面的代码来自搜索下拉结果，因此用户将单击搜索结果，然后单击的内容将填充另一个div。但目前我只想获取div中的值“1”或“2”作为变量 <html> <head> <style> .number:hover{ cursor: pointer; } </style> <script src="https://code.jqu
<html>
<head>
<style>
.number:hover{
cursor: pointer;
}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#search_result').click(function() {
var txt =
$(this).closest("#search_result").next(".number").find(".number").text();
alert(txt);
});
});
</script>
</head>
<body>
<div id="search_result" style="border-radius: 2px; border:
1px solid rgb(204, 204, 204); z-index: 3; position: absolute; background-
color: white; width: 76.46%; display: block;">
<div class="dropdowncontainer" style="z-index:1000; border-bottom: 1px solid
#E6E6E6; height:20%">
<div class="dropdown" style="height:20%; width:100%; z-index:10">
<div style="height:12px; width:50%; position: float-right">
<img src="1.jpg" style="height:100%; position: float-right" width="60px">
</div>
<div class="number" style="margin-top:-10px; width:100%">
<font color="#2947F2">
<b>1</b>
</font>
</div>
</div>
</div>
<div class="dropdowncontainer" style="z-index:1000; border-bottom: 1px solid
#E6E6E6; height:20%">
<div class="dropdown" style="height:20%; width:100%; z-index:10">
<div style="height:12px; width:50%; position: float-right">
<img src="2.jpg" style="height:100%; position: float-right" width="60px">
</div>
<div class="number" style="margin-top:-10px; width:100%">
<font color="#2947F2">
<b>2</b>
</font>
</div>
</div>
</div>
</div>
</body>
.号码：悬停{
光标：指针；
}
$（文档）.ready（函数（）{
$（“#搜索结果”）。单击（函数（）{
var txt=
$（this）.最近（“#搜索结果”）.next（“.number”）.find（“.number”）.text（）；
警报（txt）；
});
});
1.
2.
$.html（）$（文档）.ready（函数（）{
$（'#search_result.number'）。单击（函数（）{
var txt=
$（this.find（“b”）.html（）；
警报（txt）；
});
});
1.
2.
我想这可能适合您的需要？
我正在为此使用$.html（）
$（文档）.ready（函数（）{
$（'#search_result.number'）。单击（函数（）{
var txt=
$（this.find（“b”）.html（）；
警报（txt）；
});
});
1.
2.
您应该只使用此选项
$（this.text（） 你应该只使用这个
$（this.text（） 我想是的
$（文档）.ready（函数（）{
$（“#搜索结果”）。在（'click'，'div.number'，函数（事件）{
警报（$（event.currentTarget.html（））；
});
});
1.
2.
我想
$（文档）.ready（函数（）{
$（“#搜索结果”）。在（'click'，'div.number'，函数（事件）{
警报（$（event.currentTarget.html（））；
});
});
1.
2.
@DeninKorjenic嗨，很抱歉，这似乎奏效了。“数字”div位于“搜索结果”下div@SillyQuestionBoy如果我的答案是正确的，请把它标记为正确。@DeninKorjenic嗨，很抱歉，这似乎有效。“数字”div位于“搜索结果”下div@SillyQuestionBoy如果我的答案是正确的，请把它标记为正确。我同意。真正的问题是jQuery选择器没有得到
标记，而这些标记具有实际的数字文本。实际上，您应该能够使用.text（）
？我修复了代码。是的，文本也可以，但我不确定这会带来什么开销。不过，目前，输出是12。jQuery同时返回
'sHmm，这很奇怪。我的浏览器（chrome）正常工作。看起来很完美！我同意。真正的问题是jQuery选择器没有得到
标记，而这些标记具有实际的数字文本。实际上，您应该能够使用.text（）
？我修复了代码。是的，文本也可以，但我不确定这会带来什么开销。不过，目前，输出是12。jQuery同时返回
'sHmm，这很奇怪。我的浏览器（chrome）正常工作。看起来很完美！但这并不总是有效的，因为$（this）
可以是div
或b
，这取决于单击的位置。但这并不总是有效的，因为$（this）
可以是div
或b
，这取决于单击的位置。非常好地利用了对数字div的委托。但是，这并不是一个完整的解决方案，因为问题是获取值1或2，而不是.number div
中的所有内容。建议更改为$（“#搜索结果”）。在（'click'，'div.number b'，函数（event）{alert（$（this.html（））；}）
@bobjoe谢谢这个很好用的建议太好了！大量使用数字div的授权。但是，这并不是一个完整的解决方案，因为问题是获取值1或2，而不是.number div
中的所有内容。建议更改为$（“#搜索结果”）。在（'click'，'div.number b'，函数（event）{alert（$（this.html（））；}）
@bobjoe谢谢这个很好用的建议太好了！