Question

我有一个div包含HTML代码中的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中的所有文本，但是我希望它来自我点击的div，因为我正在使用onlclick事件：

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

// here is the tip

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

Answer 1

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

示例：

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

这将使用类item_name检索所有div中的文本。

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

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

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

Answer 2

给该div一个id

假设id="getText"

在javascript中

var value = document.getElementById('getText').innerText || document.getElementById('getText').textContent;

Answer 3

您可以使用div的innerHTML属性来获取文本。

alert(document.getElementById('divid').innerHTML);

Answer 4

试试这个，这对你有帮助，在这里我只是在你的order_list div中添加文字，了解如何在div中添加文字

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

小提琴Here

Answer 5

对象上的innerText应该不仅可以检索，还可以覆盖文本

如何获取div中包含的字符串

5 个答案: