Question

假设我们有这两个要素：

<div id="item1Id" onclick="myFunction()">item1</div>
<div id="item2Id">item2</div>

我希望在“myFunction（）”中获得'item2'的对象而不是'item1'，如下所示：

function myFunction()
{
     changeObjects('item2Id'); // clearly this is what I want
     console.log(this.innerHTML);
}

output:item2

注意！我知道这项工作可以解决类似 document.getElementById 或 document.getElementsByClassName 的问题，但我确实希望获得最新信息宾语。请原谅我可怜的英语。非常感谢。

Answer 1

您可以使用$("div[id*='item']").next();或$("div[id*='item']").prev();

或使用$("div[id*='item']")

迭代.eq()

$("div[id*='item']")选择ID属性中包含单词item的元素。

Answer 2

这种事情可能有所帮助： -

<div id="item1Id1" onclick="myFunction(this)">item1</div>
<div id="item1Id2" >item2</div>



 <script>  
        function myFunction(obj)
     {
           console.log($(obj).next());
      }
    </script>

Answer 3

Demo，试试这个，

   $("#item1Id").click(function(){
      alert($(this).next().text());
    });

Answer 4

添加JQuery lib以使用上述方法

function myFunction()
{
    alert( $('#item2Id').text() );
}

Answer 5

function myFunction()
{
    (function(){
        console.log(this.innerHTML);
    }).call(document.getElementById('item2Id'));
}

当一个元素单击另一个元素（对象）发送到函数时

5 个答案: