使用jQuery从段落中选择行

时间:2013-06-11 10:22:40

标签: jquery

我有一个类似的段落:

some text1. some text2. some text3. some text4. some text5. some text6. some text7.

我想使用jQuery从上面的段落onmouseover中选择“some text2”,当我点击它时,所选文本应存储在变量中。

怎么做?

3 个答案:

答案 0 :(得分:1)

你的问题有点令人困惑但是从我的理解来看,你想在完整停止(和空间)之间的任何东西都是一个可选择的元素?这是怎么回事:

splitter = ". ";
$(function(){
    words = $("#text").text().split(". ");
    $("#text").html("");
    for(i=0; i< (words.length-1); i++){
        $("#text").append("<span class='textPart'>"+words[i]+"</span>"+ splitter );
    }

    $("#text").delegate(".textPart", "mouseover", function(){
        $("#hovered").html($(this).text()); 
    });
});

Here's a demo

答案 1 :(得分:1)

splitter = ". ";
$(function(){
words = $("#text").text().split(". ");
$("#text").html("");
for(i=0; i< (words.length-1); i++){
    $("#text").append("<span class='textPart'>"+words[i]+"</span>"+ splitter );
}

$("#text").delegate(".textPart", "mouseover", function(){
    $("#hovered").html($(this).text()); 
});
});

答案 2 :(得分:-1)

尝试使用:contains

<p>some text1. some text2. some text3. some text4. some text5. some text6. some text7.</p>

jQuery的:

$(document).ready(function(){
  $('p').hover(function(){
  var s = $('p').text();
  alert(s.indexOf("some text2") !== -1);
  //true if it contains
  //false if it not ontains
   });
});