javascript - 使用 javascript 获取 sibling 的值

Question

我根据特定条件在循环上创建一个文本区域和一个按钮:

while($row_c= mysqli_fetch_array($result_comments))
{
//some code goes here

<textarea type="text" id="pm_text" name="text"></textarea><br>
<button name="send_comment" id="post_comment" class="button" onClick="post_pm_comment()">Post</button>
}

现在，在我的函数“post_pm_comment”中，我想在单击发布按钮时访问文本区域中写入的文本。

我尝试了这个，但它只提供了创建的第一个文本区域和按钮的文本:

function post_pm_comment(thidid, pm_id, path, pm,getter)
{
    var pm_text = document.getElementById("pm_text").value;
}

我该怎么办？谢谢

Answer 1

您的代码输出了无效的 DOM 结构，因为 id 值必须在页面上是唯一的。您不能在多个元素上使用相同的 id。完全删除 id 值，您不需要它们。

完成此操作后，最小更改的答案是将 this 传递到您的处理程序中:

onClick="post_pm_comment(this)"

...然后在您的处理程序中进行导航:

function post_pm_comment(postButton)
{
    var pm_text;
    var textarea = postButton.previousSibling;
    while (textarea && textarea.nodeName.toUpperCase() !== "TEXTAREA") {
        textarea = textarea.previousSibling;
    }
    if (textarea) {
        pm_text = textarea.value; // Or you may want .innerHTML instead
        // Do something with it
    }
}

Live Example | Source