JavaScript, чтобы получить следующий предыдущий абзац выбранного текста на веб-странице - PullRequest
Новая
       8

JavaScript, чтобы получить следующий предыдущий абзац выбранного текста на веб-странице

0 голосов
/ 02 декабря 2010

привет, я хочу, чтобы у меня была функция для получения абзаца выделенного текста.

это функция для получения текущего абзаца выделенного текста 

function getSelected() {
  var userSelection;
  if (window.getSelection) {
      selection = window.getSelection();
  } else if (document.selection) {
      selection = document.selection.createRange();
  }
  var parent = selection.anchorNode;
  parent = parent.parentNode;
  alert(parent.innerHTML);

}

как я могу получить следующий предыдущий абзацвыбранного текста на веб-странице.если у меня есть функция, чтобы получить текущий абзац выше.(я думаю использовать nextSibling, но я не знаю, чтобы реализовать его в приведенном выше коде) Вы можете мне помочь?

-спасибо-

1 Ответ

0 голосов
/ 02 декабря 2010

Вы можете использовать previousSibling и nextSibling для получения параметров.

HTML: 

<p> This is 1st paragraph</p>
<p> This is 2nd paragraph</p>
<p> This is 3rd paragraph</p>
<a href="javascript:void(0)" onclick="getSelected(-1)">Prev</a>
<a href="javascript:void(0)" onclick="getSelected(1)">Next</a>

Javascript: 

function getSelected(direction) {
  var userSelection;
  if (window.getSelection) {
      selection = window.getSelection();
  } else if (document.selection) {
      selection = document.selection.createRange();
  }
  var parent = selection.anchorNode;
  parent = parent.parentNode;
  if(direction == -1){
    var prevEle = parent.previousSibling;
    while(prevEle.nodeType!=1){
        prevEle = prevEle.previousSibling;
    }
    alert(prevEle.innerHTML);
  }else {
    var nextEle = parent.nextSibling ;
    while(nextEle.nodeType!=1){
        nextEle = nextEle.nextSibling;
    }
    alert(nextEle.innerHTML);
  }
}
...