0

我有一个在 HTML 代码中包含 div 的 div，我只想检索该 div 中包含的字符串，例如单词LATTE或price:12下一个代码：

<!DOCTYPE html>
<html>
    <head>
        … 
    </head>
    <body>
        <div id="items">
            <div id="heapbox_46958322" class="heapBox">
                …
            </div>
            <select class="basic-example" style="display: none;">
                … 
            </select>
            <div id="dummy">
                …
            </div>
            <div id="gallery">
                <div class="item_block">
                    …
                </div>
                <div class="item_block">
                    …
                </div>
                <div class="item_block hasoptions">
                    price:12
                <div class="add_btn">
                </div>
                <div class="item_name">
                    LATTE
                </div>
            </div>
        </div>
        <div id="order_list">
            …
        </div>
    </div>
    <script type="text/javascript">
        …
    </script>
</body>

小提琴Here

  • 更新

答案帮助我获取所有名为 item_Name 的 div 中的所有文本，但我希望它来自我在使用 onlclick 事件时单击的 div：

$('.item_block').on('click',function(){

// here is the tip

document.getElementsByClassName("add_btn").onclick =
    alert($(".item_name").text());    
.
.
.
4

5 回答 5

2

您可以使用 jQuery 的.text()函数。

例子：

$(".item_name").text();

这将检索带有 class 的所有 div 中的文本item_name。

如果您只想要单击的 .item_name 的文本：

$(".item_name").click(function() {
  $(this).text();
});

演示：http: //jsfiddle.net/UFMkQ/1/

于 2013-09-17T17:03:20.813 回答
1

给那个 div 一个 id

认为id="getText"

在 JavaScript 中

var value = document.getElementById('getText').innerText || document.getElementById('getText').textContent;
于 2013-09-17T17:04:02.650 回答
0

对象上的 innerText 应该允许您不仅检索而且覆盖文本

于 2013-09-17T17:28:55.110 回答
0

您可以使用innerHTMLdiv 的属性来获取里面的文本。

alert(document.getElementById('divid').innerHTML);
于 2013-09-17T17:04:10.110 回答
0

试试这个，这对你有帮助，在这个我只是在你的order_listdiv 中添加文本以了解如何在 div 中添加文本

$('#order_list').html('XYZ');

小提琴Here

于 2013-09-17T17:09:52.530 回答