jquery - jQueryを使用して段落から行を選択

Question

私は次のような段落を持っています:

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

jQueryを使用して上の段落onmouseoverから「some text2」のみを選択したいのですが、それをクリックすると、選択したテキストが変数に保存されます。

これを行う方法？

Answer 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()); 
});
});

Answer 2

あなたの質問は少し混乱していますが、私が理解していることから、ピリオド (およびスペース) の間にあるものは何でも選択可能な要素にしたいですか? これはどのように：

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()); 
    });
});

ここにデモがあります

Answer 3

: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
   });
});