Question

我想在div中获取标签文本的大小，并且大小的chech为0隐藏此div

更新文本在dnn_ctr2802_View_lblHelp类dnnHelpText

javascript

  $('.dnnTooltip').dnnTooltip();
    //get the size of the hiden label
    var labelTextSize = $(".dnnHelpText").val().length;
    console.log("labelTextSize");

    if(labelTextSize == 0)
    {
        $('.dnnTooltip').hide()
    }

HTML

 <div class="pull-right eyeball">
    <img id="img_type" src="/ideaPark/DesktopModules/ExplorationTypeSaftyAlert/img/3.png" />
    <img id="img_safety_alert" class="eyeball-warning" src="/ideaPark/DesktopModules/ExplorationTypeSaftyAlert/img/exploration-warning.png" />
</div>

<div class="dnnTooltip">
<label id="dnn_ctr2802_View_label">
    <a id="dnn_ctr2802_View_cmdHelp" tabindex="-1" href="javascript:__doPostBack(&#39;dnn$ctr2802$View$cmdHelp&#39;,&#39;&#39;)"><span id="lblLabel"></span></a>

</label>
<div id="dnn_ctr2802_View_pnlHelp" class="dnnFormHelpContent dnnClear" style="display:none;">

    <span id="dnn_ctr2802_View_lblHelp" class="dnnHelpText"> bnmbnmbnmbnmtfgjnfvyg</span>
    <a href="#" class="pinHelp"></a>

</div>

Answer 1

试试这个＆amp; BTW尝试使用jquery UI函数.remove（）

   var labelTextSize = $('.dnnHelpText').text().length;
    console.log("text:" + labelTextSize.length);
    if (labelTextSize == 1) {
        $('.dnnTooltip').remove();
    }

Answer 2

试试这个：

var labelTextSize = $("#lblLabel").width();

要测试，试试这个：

console.log(labelTextSize);

更新：

随着任何工作，我已经寻找其他方法来实现这一目标。我找到了this question，也许它适合你。

试试这个：

$(".dnnHelpText").bind("DOMSubtreeModified", function(){
    var labelTextSize = $(this).width();

    if(labelTextSize == 0)
    {
        $('.dnnTooltip').hide()
    }
});

当label的内容发生变化时，snipet会添加一个事件监听器。那么，在活动中你可以访问它的属性来做你的日常工作。

获取div内标签文本的大小？

2 个答案: