選擇：元素之後沒有jQuery選擇工作

我創造了所有的輸入框和文本區我的代碼來了像選擇：元素之後沒有jQuery選擇工作

<div class="tooltip is-text-area show"> 
     <textarea id="descripcion" name="descripcion" class="my-textarea" style="text-transform: uppercase;"></textarea> 
     <span class="tooltip-text" style="height: 14px;">Contect of tooltip</span>:after 
    </div>

輸入類型可以是文本，複選框或選擇框中的工具提示組件。在CSS中，我已經對底部的值進行了編碼。但是當我使用文本這個tooptip覆蓋了整個我的輸入區域，所以我打算改變工具提示文本的底部屬性和：在元素使用jquery之後我使用的元素的高度。

我的CSS低於

.tooltip { 
    position: relative; 
} 
.tooltip .tooltip-text { 
    position: absolute; 
    **bottom: 26px;** 
    left: 0; 
    background: #F47826; 
    padding: 2px 5px; 
    box-sizing: border-box; 
    width: 100%; 
    max-width: 160px; 
    font-size: 10px; 
    color: #fff; 
    z-index: 1; 
    display: none; 
} 
.tooltip.show .tooltip-text { 
    display: block; 
} 
.tooltip.show:after { 
    box-sizing: border-box; 
    content: " "; 
    position: absolute; 
    **bottom: 21px;** 
    left: 11px; 
    margin-left: -5px; 
    width: 0; 
    border-top: 5px solid #F47826; 
    border-right: 5px solid transparent; 
    border-left: 5px solid transparent; 
    font-size: 0; 
    line-height: 0; 
}

我用下面的代碼來改變工具提示文本的底部財產：元素之後

$("#descripcion").parent().hover(function(){$(this).attr('bottom','100px')}) ; 
$("#descripcion").parent().find('span').attr('bottom','100px')}) ;

但它不是沃金。任何幫助將不勝感激。如何選擇元素之後

來源

2016-02-06 s_k_t

的屬性是一樣的東西id，style，class等，見下文

<div class="something"></div>

然而，風格是不是一個屬性，並且不使用attr()方法，但css()方法

$("#descripcion").parent().hover(function(){ 
    $(this).css('bottom','100px'); 
});

你當然可以不訪問僞元素，如:after使用jQuery

來源

2016-02-06 16:56:24 adeneo

選擇：元素之後沒有jQuery選擇工作

回答

相關問題