如何更改 event.target 之后的 innerHTML 元素

我做XHR，通过点击p ajax查询，结果应该输出到DOM中的下一个元素，我有很多相同的元素，所以我使用event.target。如何将响应文本添加到下一个 event.target div？

JS代码：

  function loadMoreInfo(e){
var target = e.target;
var serialNumber= target.dataset.serialnumber;
var ajax = new XMLHttpRequest();
var method = "GET";
var url="ajx_php.php/?serial_number=";
ajax.onreadystatechange = function() {
    if (ajax.readyState == 4 && ajax.status == 200) {
        document.getElementById('div-more-info-id').innerHTML = ajax.responseText; //change only one div
    }
}
ajax.open(method, url+serialNumber, true);
ajax.send();}

HTML代码：

<p class='p-more-info' id='p-more-info-id' data-serialnumber='$serial_number'>more info     &#9660</p> 
<div class='div-more-info' id='div-more-info-id'> </div>