小编Phi*_*ilD的帖子

我还没有得到jQuery,所以javascript请.我需要帮助调整我的JS,以便在单击时从li中的嵌套span获取文本.如果你单击文本,我现在有它工作,但如果你单击整个li而没有获得其他嵌套元素(图像),id就像它一样工作.

现在我正在使用以下html和js:

HTML:

<ul><li><img><span onclick="myfunction(this)">TEXT</span></li></ul> 

<input id="iSupervisorUserName" name="OBKey_WF_Manger_Supervisor_1" type="text" />

JS:

function myfunction(span) {
    var textInsideLi = span.innerHTML;
    var field = document.getElementById("iSupervisorUserName");
    field.value = textInsideLi;

我希望在单击li时将SPAN中的文本写入输入,而不仅仅是跨度.我知道我应该从范围移动的onClick调用里,但如何调整JS所以它只能得到跨度内的文本,而不是IMG呢？

新手问题。尝试制作一个简单的 css 工具提示来淡入和淡出，但无法使其工作。搜索了很多但找不到简单的答案。我假设我把过渡 css3 放在错误的地方，但它在其他地方也不起作用......

<style>

    .tooltip{
        display: inline;
        position: relative;
    }

    .tooltip:hover:after{
        border-radius: 5px;
        bottom: 26px;
        content: attr(title);
        left: 20%;
        adding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
     }

.tooltip:hover:before{

border-width: 6px 6px 0 6px;
bottom: 20px;
        content: "";
        left: 50%;
        position: absolute;
        z-index: 99;
          opacity: 0;
 -webkit-transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
   -o-transition: opacity 1s ease-in-out;
   transition: opacity 1s ease-in-out;
     }

</style>

html

 <br /><br /><br /><br />
<a href="#" title="Text …

当img单击嵌套(在名为"postRatings"的Wordpress插件中)到表单输入时,尝试获取3条信息:

1. 来自图像父级的序列号span.
2. 当前页面的完整网址.
3. 当前页面的标题.

1正在工作,但数字2和3不是......我的语法有什么问题？方法错了吗？

*这是一个持续的问题,从获取并传递父信息到隐藏的形式,感谢@Pranav C Balan谁的答案iv'e用于第一次获取

HTML

<span id="post-ratings-XXXX" class="post-ratings"><img class="post-ratings-image"
 src="http://i.stack.imgur.com/I74mZ.png"></span>
<form>
<input  id="supportedCheck"  name="supportedCheck" value="#" 
maxlength="6"/>
<input  id="getLink"  name="getLink" value="#" 
maxlength="100"/> 
<input  id="projectName"  name="projectName" value="#" 
maxlength="60"/>     </form>

使用Javascript

$('.post-ratings-image').click(function(){
    $('#supportedCheck').val($(this).parent('span').attr('id').split('-')[2]);
    $('#getLink').val($('#current_url').html(url));
    $('#projectName').val($('#current_title').html(href));

});