как получить строку, содержащуюся в div

0

У меня есть div, который содержит div в HTML-коде, я просто хочу получить строку, содержащуюся в этом 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>

Fiddle Here

  • ОБНОВИТЬ

Ответы помогают мне получить все тексты во всех div, которые называются item_Name, но я хочу, чтобы это было из div, на которые я нажал, когда я использую событие onlclick:

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

// here is the tip

document.getElementsByClassName("add_btn").onclick =
    alert($(".item_name").text());    
.
.
.
Теги:

5 ответов

2
Лучший ответ

Вы можете использовать функцию jQuery .text().

Пример:

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

Это приведет к получению текста внутри всех div с item_name.

Если вам просто нужен текст имени.item_name, на который вы нажали:

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

Демо: http://jsfiddle.net/UFMkQ/1/

  • 0
    что-то имеет много div от этого типа, и все, что я хочу, это получить текст внутри div, который я щелкнул, но при использовании функции onClick с вашим кодом он получает все тексты во всех этих div, объединенных вместе
  • 0
    Я обновил код.
Показать ещё 1 комментарий
1

Дайте этому div id

предположим, id="getText"

В javascript

var value = document.getElementById('getText').innerText || document.getElementById('getText').textContent;
  • 0
    Это лучшее решение, так как оно не требует внешних библиотек и работает в разных браузерах.
0

innerText на объекте должен позволять не только извлекать, но и перезаписывать текст

0

Попробуйте это, это поможет вам, в этом я просто добавлю текст в ваш order_list чтобы добавить текст в div

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

Fiddle Here

0

Вы можете использовать атрибут innerHTML для div, чтобы получить текст внутри.

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню