代码之家  ›  专栏  ›  技术社区  ›  GregH

在jquery中获取DIV值

  •  35
  • GregH  · 技术社区  · 15 年前

    我有一个包含以下DIV元素的页面:

    <div id="myDiv" class="myDivClass" style="">Some Value</div>
    

    我如何通过jquery或标准JS检索值(“某个值”)?我尝试过:

    var mb = document.getElementById("myDiv");
    

    但调试器控制台显示“mb为空”。只是想知道如何检索这个值。

    ----更新---- 当我尝试我得到的建议时:$不是一个函数

    这是jquery事件处理程序的一部分,我在其中单击按钮时尝试读取值。handler函数正在工作,但它无法解释jquery值,似乎:

    jQuery('#gregsButton').click(function() { 
       var mb = $('#myDiv').text();
       alert("Value of div is: " + mb.value); 
    });
    
    6 回复  |  直到 9 年前
        1
  •  22
  •   Rakesh Juyal    15 年前
    myDivObj = document.getElementById("myDiv");
    if ( myDivObj ) {
       alert ( myDivObj.innerHTML ); 
    }else{
       alert ( "Alien Found" );
    }
    

    上面的代码将显示innerhtml,也就是说,如果在DIV中使用了HTML标记,那么它也将显示这些标记。也许这不是你所期望的。所以另一个解决方案是使用:innertext/textcontent属性[thanx到bobine,请参阅他的评论]

    function showDivText(){
                divObj = document.getElementById("myDiv");
                if ( divObj ){
                    if ( divObj.textContent ){ // FF
                        alert ( divObj.textContent );
                    }else{  // IE           
                        alert ( divObj.innerText );  //alert ( divObj.innerHTML );
                    } 
                }  
            }
    
        2
  •  58
  •   Jason    9 年前
    $('#myDiv').text()
    

    尽管你最好还是做些类似的事情:

    var txt = $('#myDiv p').text();
    alert(txt);
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div id="myDiv"><p>Some Text</p></div>

    确保您也链接到jquery文件:)

        3
  •  12
  •   Zenon    15 年前

    如果您的DIV如下所示:

    <div id="someId">Some Value</div>
    

    您可以使用jquery检索它,如下所示:

    $('#someId').text()
    
        4
  •  6
  •   Boopathi.Indotnet    10 年前

    您的分区如下:

    <div id="someId">Some Value</div>
    

    使用jQuery:

       <script type="text/javascript">
         $(function(){
             var text = $('#someId').html(); 
             //or
             var text = $('#someId').text();
           };
      </script> 
    
        5
  •  2
  •   Sandro    15 年前

    你可以使用

    jQuery('#gregsButton').click(function() { 
        var mb = jQuery('#myDiv').text(); 
        alert("Value of div is: " + mb); 
    });
    

    似乎与使用$有冲突。请记住,变量“mb”在事件处理程序之外是不可访问的。另外,text()函数返回一个字符串,不需要获取mb.value。

        6
  •  1
  •   Hulk    15 年前

    您还可以使用innerhtml获取标记中的值….