当一个元素被点击时，另一个元素(对象)发送给函数

when an element clicked another element(object) sends to function

本文关键字：元素 另一个 对象 函数 一个      更新时间：2023-09-26

假设有这两个元素:

<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

注意!我知道这项工作可以通过类似文档的东西来完成。getElementById或文档。getElementsByClassName，但我确实想获得当前对象。请原谅我的英语很差。谢谢。

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

或者使用.eq()

遍历$("div[id*='item']")

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

这类事情可能会有所帮助:-

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

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

Demo,Try this，

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

添加JQuery库来使用上述方法

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

function myFunction()
{
    (function(){
        console.log(this.innerHTML);
    }).call(document.getElementById('item2Id'));
}
相关文章：