как выделить только верхний элемент текста? - PullRequest
Новая
       14

как выделить только верхний элемент текста?

6 голосов
/ 25 мая 2009

У меня есть этот HTML: 

<span class="price">
        $61.00
          <span class="detailFreeShipping">With Free Shipping</span>
    </span>

Как написать селектор jquery, который дает мне цену только "$ 61.00"?

Я хочу сделать его как можно более общим, потому что в некоторых случаях может не быть внутреннего диапазона, а только родительского.

Ответы [ 3 ]

11 голосов
/ 25 мая 2009

Вы можете сделать это: 

jQuery.fn.extend({
    textOnly: function() {
        // make a clone of this object so we are not changing the actual DOM
        var obj = $(this).clone();

        // remove all the children, i.e. any DOM objects
        obj.children().remove();

        // get the text value after all DOM elements are removed
        return obj.text();
    }
});

тогда вы можете назвать это так 

var price = $(".price").textOnly();

вы получите желаемое значение.

0 голосов
/ 25 мая 2009

попытка: 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript" charset="utf-8">
        google.load("jquery", "1.3");
    </script>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            var white_out = $("span[class=price] :first-child").text();
            var all = $("span[class=price]").text();
            var price = all.replace(white_out, "");
            alert(price);
        });
    </script>
</head>
<body>
    <span class="price">
            $61.00
              <span class="detailFreeShipping">With Free Shipping</span>
        </span>
</body>
</html>

где строки: 

            var white_out = $("span[class=price] :first-child").text();
            var all = $("span[class=price]").text();
            var price = all.replace(white_out, "");

может выполнить работу для одного элемента.

0 голосов
/ 25 мая 2009

Я не знаю jQuery, но просто для псевдоответа на ваш вопрос вы можете сделать это: 

var elem = document.getElementById('yourid'); // or document.getElementsByTagName('span')[0];
var text = elem.innerHTML;
text = text.substr(0, (text.indexOf('<') > -1 ? text.indexOf('<') : text.length));
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...