如何在jquery中检查span中是否存在选择

时间:2014-01-16 15:24:32

标签: javascript jquery html

<div id='QuestionText'>
  <p>This is a simple example </p>
  <span> I am asking the question </span>
</div>

我在以下行中获取div的html内容

  

var existing_lesson = $('#QuestionText')。html();

我将“问题”作为我在以下行中的选择

  

var getselectedarea = $ .selection();

现在我想查找选择是否存在于span元素中是否意味着如果我选择simple example作为我的选择我应该得到它存在于哪个html标记中并且如果我选择{{1作为我的选择,我应该知道它出现在哪个html标签中。

2 个答案:

答案 0 :(得分:1)

var foundInSpan = $("#QuestionText > span").text().indexOf(text) > -1;

var foundInP = $("#QuestionText > p").text().indexOf(text) > -1;

或者您可以使用grep查找包含该文字的所有标记:

var tags = $("#QuestionText").children().grep(
    function(){
        return $element.text().indexOf(text) > -1;
    });

答案 1 :(得分:0)

另一种方法(作为猎人的indexOf方法的替代方法)是使用正则表达式.test()

var foundInSpan = new RegExp(text).test($("#QuestionText > span").text());

jsPerf显示性能或多或少是洗涤:http://jsperf.com/find-text-test