Question

我想用来自点击元素的内容替换网页中的内容并制作以下JQuery：

function clickHandler(id) {
    $("#title").html(id.innerText);
}

$("#navigation a[href]").bind("click", this.id, clickHandler);

唯一不起作用的是更换部件。内容存在于“id”对象的innerText属性中，但是如何访问它？我试过了我能想到的每一种语法：id-＆gt; innerText，id [innerText]，id ['innerText']，id.innerText和id（╯°□°）╯（┻━┻innerText（╯°） □°）╯（┻━┻。

Answer 1

点击处理程序中的

this引用了点击的元素，因此您只需使用.text()

获取其文字

function clickHandler() {
    $("#title").html($(this).text());
}

$("#navigation a[href]").bind("click", clickHandler);

Answer 2

您可以使用：

$("#navigation a[href]").on("click", function(){
  var linkText = $(this).text();
  $("#title").html(linkText);
});

（╯°□°）╯（┻━┻

Answer 3

function clickHandler(event) {
    console.log(event.data);
    $("#title").html(($("#" + event.data.id).text()));
}


var $obj = $("#navigation a[href]");

$obj.bind("click", {'id': $obj.attr("id")}, clickHandler);

Fiddle

JQuery：如何从对象获取innerText？

3 个答案: