Получить часть содержимого родительского узла с помощью JavaScript

Question

Как я могу получить родительский объект этого якоря через javaScript?

<p>Lorem Ipsum is simply dummy 
text of the printing and typesetting
<a href="http://somplace.com/index.php?content=
{{in this place i want to retrieve 20 character of 
the parent p}}"></a> industry.
</p>

Answer 1

Предполагая, что у вас уже есть ссылка на тег привязки в переменной с именем anchorElement, вы можете получить родительский элемент следующим образом:

var anchorParent = anchorElement.parentNode;

Или, если вы пытаетесь получить ссылку наякорь, вы можете присвоить ему идентификатор и сделать это следующим образом, чтобы получить текст и поместить его в href:

<p>Lorem Ipsum is simply dummy 
text of the printing and typesetting
<a id="myAnchor" href="http://somplace.com/index.php?content=
{{in this place i want to retrieve 20 character of 
the parent p}}"></a> industry.
</p>

var elem = document.getElementById("myAnchor");  // get anchor object
var parent = elem.parentNode;                // get parent
var text = parent.innerHTML.substr(0,20);    // get first 20 chars of text
elem.href = "http://somplace.com/index.php?content=" + text;

Answer 2

Использование this.parentNode.innerHTML.substring(0, 20):

<a onclick="alert(this.parentNode.innerHTML.substring(0, 20)" ..............

Здесь:

• this относится к текущей ссылке
• parentNode относится к родительскому элементу ссылки, например, параграф в данном случае
• innerHTML для чтения HTML-кода родителя
• substring используется для получения символов от 0 до 20. В этом случае

Рабочий пример

Answer 3

Я предлагаю вам добавить базовые знания JavaScript, если вы используете их только один раз, может не понадобиться.