tengo dos divisiones
<div class="maca"> <input type="hidden" value="1"> <div onclick="removeInput(nearest input type hidden)">Remove</div> </div> <div class="maca"> <input type="hidden" value="1"> <div onclick="removeInput(nearest input type hidden)">Remove</div> </div>Quiero enviar como parámetro el valor del tipo de entrada oculto más cercano de ese div en el que estamos haciendo clic
No estoy 100% seguro de lo que quieres decir con el más cercano, pero con esto obtienes la entrada oculta dentro del div. Por cierto, también podría poner element.parentNode.querySelector en onclick, pero personalmente me gusta más dividir HTML y JS.
function removeInput(element){ let value = element.parentNode.querySelector("input[type='hidden']").value; console.log(value); } <div class="maca"> <input type="hidden" value="1"> <div onclick="removeInput(this)">Remove</div> </div> <div class="maca"> <input type="hidden" value="5"> <div onclick="removeInput(this)">Remove</div> </div>Puede enviar el evento como un parámetro a una función de JavaScript y luego encontrar la entrada a través de parentNode. Esta no es una interpretación literal de su pregunta, ya que fielmente el elemento "más cercano" es bastante complejo y probablemente no sea lo que está buscando.
function removeInput(e) { const nearestInput = e.target.parentNode.querySelector("input[type='hidden']"); console.log(nearestInput); } <div class="maca"> <input type="hidden" value="1" /> <div onclick="javascript:removeInput(event)">Remove</div> </div> <div class="maca"> <input type="hidden" value="1" /> <div onclick="javascript:removeInput(event)">Remove</div> </div>No debe usar detectores de eventos en línea, que se consideran una mala práctica.
En su lugar, use addEventListener para agregar los oyentes de clics y busque la entrada (dado que su estructura de marcado es correcta como la que ha mostrado) usando previousElementSibling :
for (const remover of document.querySelectorAll('.remove-input')) { remover.addEventListener('click', () => remover.previousElementSibling.remove(), { once: true }); } <div class="maca"> <input type="hidden" value="1" /> <div class="remove-input">Remove</div> </div> <div class="maca"> <input type="hidden" value="1" /> <div class="remove-input">Remove</div> </div>