Jquery 获取给定DIV中类的InnerHTML
需要从名为“Main”的DIV中名为“one_price”的类中获取数据 在下面的HTML中,我需要从代码返回(£2.50) 我尝试了$('main').find('one_price'),但似乎无法从这种方法中获得类内的值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
<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">£2.50</span>
<span id="product_rrp">
Was <span class="strikethrough">£7.00</span>
</span>
</span>
<span id="product_saving">
<span id="you_save">
<em class="hd">Save</em>
<em class="percentage val">64%</em>
<em class="currency val">£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);