一个关于节点遍历的问题

Question

遍历html

Answer 1

<div>
    <input placeholder="支持+86" onblur="
    if(this.value!='')
    {
        if(!/^((\+?86)|(\(\+86\)))?1\d{10}$/.test(this.value))
        {
            <!-- 节点a的的内容为XXX-->
        }
        else
        {
            <!-- 节点a的的内容为空-->
        }
    }
    else
    {
        <!-- 节点a的的内容为xxx-->
    }"/>
</div>
<div>
      <div>
      <!-- 节点a-->
      </div>
</div>写错了改一下，问题不变

Answer 2

函数要单独写：    <div>
        <input placeholder="支持+86" onblur="onplaceholderblur(this.value);" />
    </div>
    <div id="nodeA">
        <!-- 节点a-->
    </div>
    <script type="text/javascript">
        function onplaceholderblur(v) {
            var a = document.getElementById('nodeA');
            if (v != '') {
                if (!/^((\+?86)|(\(\+86\)))?1\d{10}$/.test(v)) {
                    a.innerHTML = "XXX";
                }
                else {
                    a.innerHTML = "";
                }
            }
            else {
                a.innerHTML == "xxx";
            }
        }
    </script>

Answer 3

我的需求是不使用id name class选择器来实现

Answer 4

<Script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
<div>
    <input placeholder="支持+86"/>
</div>
      <div>
      <!-- 节点a-->
      </div>
</div>
</div>
<script>
  $('input').blur(function(){
    var a=$(this).parent().next()
    if(this.value!='')
    {
        if(!/^((\+?86)|(\(\+86\)))?1\d{10}$/.test(this.value))
        {
           a.text('节点a的的内容为XXX')
        }
        else
        {
           a.text('节点a的的内容为空')
        }
    }
    else
    {
        a.text('节点a的的内容为xxx+++')
    }
  })
</script>
不用选择器怎么确定节点？？？？？？

Answer 5

能不能在内部JS里通过this找到a这个节点呢

Answer 6

<Script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
<div>
    <input placeholder="支持+86" onblur="var a=$(this).parent().next();if(this.value!=''){if(!/^((\+?86)|(\(\+86\)))?1\d{10}$/.test(this.value)){a.text('节点a的的内容为XXX')}else{a.text('节点a的的内容为空')}}else{a.text('节点a的的内容为xxx+++')}"/>
</div>
      <div>
      <!-- 节点a-->
      </div>
</div>
</div>

Answer 7

如果html节点固定的话 可以用父节点下一个兄弟节点来实现,有id、class、name之类的多方便啊。为啥不用
 <div>
        <input placeholder="支持+86" onblur="fun(this);" />
    </div>
    <div>
        <input type="text" value=""/>
    </div>
    <script type="text/javascript">
        function fun(obj) {
var v = $(obj).val();
var _other = $(obj).parent().next();

            if (v != '') {
                if (!/^((\+?86)|(\(\+86\)))?1\d{10}$/.test(v)) {
                    $(_other).find('input').val(v);// = "XXX";
                }
                else {
                    $(_other).find('input').val("error");
                }
            }
            else {
                $(_other).find('input').val(v);
            }
        }
    </script>