Jquery 获取给定DIV中类的InnerHTML

Jquery 获取给定DIV中类的InnerHTML,jquery,innerhtml,Jquery,Innerhtml,需要从名为“Main”的DIV中名为“one_price”的类中获取数据 在下面的HTML中,我需要从代码返回(£2.50) 我尝试了$('main').find('one_price'),但似乎无法从这种方法中获得类内的值 <div id="main"> <div class="product-column one-column right_col"> <div class="product-box"> <div class="pro

需要从名为“Main”的DIV中名为“one_price”的类中获取数据

在下面的HTML中,我需要从代码返回(£2.50)

我尝试了$('main').find('one_price'),但似乎无法从这种方法中获得类内的值

<div id="main">         
<div class="product-column one-column right_col">
<div class="product-box">
<div class="product-box-section">
<span class="product_price">
<span class="product_price_values">
<span class="price_title one_price_title">Price: </span>
<span class="one_price">&pound;2.50</span>

                        <span id="product_rrp">
                            Was <span class="strikethrough">&pound;7.00</span>
                        </span>
                    </span>
                    <span id="product_saving">
                            <span id="you_save">
                                <em class="hd">Save</em>
                                <em class="percentage val">64&#37;</em>
                                <em class="currency val">&pound;4.50</em>
                            </span>
                        </span>
                    </span>
</div>       

价格:
&磅;2.50
是英镑;7
拯救
64%
&磅;4.50

您应该使用
$(您的选择器).text()
选择元素的文本内容。此外,您不需要
find()
,只需像在CSS中一样字符串选择器即可:

请参见此示例:

alert($('main.one_price').text())

价格:
&磅;2.50
是英镑;7
拯救
64%
&磅;4.50

假设您发布的HTML被包装在
中,id为“main”的
id
,那么以下功能将起作用(在大多数浏览器中,尽管仅在Chrome 37/Windows 8.1中测试):

var price=$(main).find('.one_price').text();
控制台日志(价格)

价格:
&磅;2.50
是英镑;7
拯救
64%
&磅;4.50

如果您只想查看一个结果,则必须向html添加更多选择器(向html添加更多“id类”)。如果还有其他问题,请您确切地解释一下您想要什么?

您没有
id
'main'
的元素。您希望它能精确匹配什么?现在使用DIV ID更新了代码谢谢,现在:“[不能使用]这一点,因为页面上有[不止]个
。一个\u price
类[元素]。你能提供一个更具包容性的DOM摘录吗?让我们看看它是什么样子?你想得到什么样的具体结果?我到底为什么要遵循一个模糊的URL?你有六百个角色可以在评论中使用:随意使用它们,它们都是免费的!您需要将该页面的HTML简化为,并在此处发布该代码,否则这个问题在将来对其他人毫无用处。var price=$('#main')。find('.one#price')。text();我把console.log搞砸了。感谢您的帮助我看到您编辑了示例以包含
id=“main”
,我将更新我的选择器,尽管答案的要点保持不变。无法使用此选项,因为页面上有多个“one_price”类var price=$(main)。find('.one_price')。text()在页面上也会返回未定义的(尽管如此,正如前面提到的,它对我使用Chrome很有效),这是一个遗留的“功能”,允许事情意外地中断。现在,正确地使用它,
$(“#main”).find(“.one_price”).text()
给了你什么?@Stephan:谢谢!但请注意,这是一个可怕的、可怕的“功能”(请注意恐惧的引号),以及任何汽车(和全球的)变量可以非常容易地被覆盖。$(“#main”).find(“.one_price”).text()也是未定义的。那么,您的页面中存在一个问题,您没有费心沟通,或者您的HTML不能充分代表您的实际HTML/DOM。
var price = $(main).find('.one_price').text();
console.log(price);