在javascript中获取附近的兄弟姐妹

Question

我有一个特定的DIV结构,在某个地方之间有一个锚标记.点击链接后,我需要获取span父级中另一个元素的值div并执行某些操作(例如,提醒它).

html是这样的:

...
<div id="div1">
  ...
  <span>This is reqd</span>
  ...
  <a href="#">Click Me </a>
  ...
</div>
...

整个div页面重复多次.当我点击a我要提醒"这是需要的"时.

可以像这样搜索HTML吗？

Answer 1

对于单个跨度元素，应该很容易。只需在单击链接时调用 myFunction(this) 并像这样操作 DOM：

function myFunction(currObj){
var parentofSelected = currObj.parentNode; // gives the parent DIV

var children = parentofSelected.childNodes;
for (var i=0; i < children.length; i++) {
    if (children[i].tagName = "span") {
        myValue= children[i].value;
        break;
    }
}
alert(myValue); // just to test

 } // end function

希望这有效。它对我有用！！