Как я могу получить содержимое этого div с помощью jquery - PullRequest
Новая
       6

Как я могу получить содержимое этого div с помощью jquery

2 голосов
/ 01 августа 2010

Я хочу показать всплывающую подсказку, когда выделю любой текст внутри " class = div " У меня есть следующий HTML: 

<div class='test'>Test</div>
<div class='tooltip'>Tooltip 1</div>

<div class='test'>Test 2</div>
<div class='tooltip'>Tooltip 2</div>

<div class='test'>Test 4</div>
<div class='tooltip'>Tooltip 4</div>

и следующий javascript: 

<script type="text/javascript">
        $(document).ready(function () {

            $('div.test').each(function () {

                var tooltipHtml = //NEED to figure out how get the html of the Tooltip div below this current div
                $(this).qtip({
                    content: {
                        text: tooltipHtml
                    },
                    style: { width: 450 }
                });
            });
        });

Как я могу получить html из "следующей" подсказки div?

Ответы [ 2 ]

5 голосов
/ 01 августа 2010

1: используйте jQuery next () , чтобы выбрать его. 

var tooltipHtml = $(this).next('.tooltip').html();
0 голосов
/ 01 августа 2010

Если вам нужна только подсказка, почему бы не сделать это так: 

<div class="test" title="Tooltip 1">Test 1</div>
<div class="test" title="Tooltip 2">Test 2</div>
<div class="test" title="Tooltip 4">Test 4</div>

<script>
$('.test[title]').qtip({ style: { name: 'cream', tip: true } })
</script>

qTip автоматически использует атрибут title, если контент не установлен.

...