jquery检查给定类名的选定文本

时间:2018-03-13 07:58:55

标签: javascript jquery

我需要检查div中类的所有元素是否被选中。我在div中有跨越,并且div和spans都有相同的类,但是一组的多个块。如果我选择div的所有文本,那么我需要执行一项任务。

示例:div具有类名'句子'和跨度有'工具提示'班级名称。下面是具有两个div时钟(可能超过2)的html示例。

1. <div class="sentence" sentence="Where are you going?">
    <span class="tooltip" title="Nǐ, you">你</span>
    <span class="tooltip" title="qù, go with">去</span>
    <span class="tooltip" title="nǎr?, where?">哪儿?</span>
<div>

2. <div class="sentence" sentence="Is he coming?">
    <span class="tooltip" title="Tā, he">他</span>
    <span class="tooltip" title="lái, come">来</span>
    <span class="tooltip" title="ma?, you">吗?</span>
<div>

如果我在1st div enter image description here中选择所有三个中文字母,则表示我已经选中了所有三个,然后在检查后我必须获取/获取句子第一个div的属性值(你要去哪里?);然后必须显示此值。

如何使用jquery进行检查?

1 个答案:

答案 0 :(得分:0)

当我选择所有三个汉字时,我不明白你是什么意思,但这是其他部分的概念证明:

$('span.tooltip').on('click', function(){
   alert($(this).parent().attr('sentence')); 
});

此代码添加了&#39; onclick&#39;回调每个工具提示span元素,当你左键单击span时,它会显示父母的句子&#39;属性