Programming > jQuery/JavaScript

javascript this 를 jquery this로 전환

javascript this to jquery object

<input type="button" value="some002" onclick="fncDelete(this)" />

function fncDelete(e) {
    var $this = $(e);

    $(e).html("<span>....</span>");
    $this.html("<span>....</span>");
}

 

javascript click 으로 html 노드삭제

<ul>
    <li>
        <input type="button" value="some001" onclick="fncDelete(this)" />
    </li>
    <li>
        <input type="button" value="some002" onclick="fncDelete(this)" />
    </li>
    <li>
        <input type="button" value="some003" onclick="fncDelete(this)" />
    </li>
    .....
</ul>

<javascript>
    /**
        버튼이 클릭된 라인(li)를 삭제한다.
        e.parentNode = <li>
        e.parentNode.parentNode = <ul>
        
        즉 <ul> 아래의 클릭된 <li>를 삭제하는 함수
    **/
    function fncDelete(e) {
        e.parentNode.parentNode.removeChild(e.parentNode);
    }
</javascript>