casperjs의 evaluate 함수와 jQuery를 사용하여 요소를 클릭하십시오.

Question

jQuery와 casperjs를 사용하여 DOM에서 검색된 요소를 클릭하려고합니다.

casper.options.clientScripts = ["jquery-1.11.1.min.js"]; 
... 
... 
casper.then(function() 
{ 
    this.wait(2000,function() 
    { 
     this.evaluate(function() 
     { 

     var element = $('h4:contains("test")').prev().find('.delete'); 
     $(element).css("background-color", "red"); 

     $(element)[0].click(); 
     }); 
    }); 
)}; 

나는, 요소 JQuery와 선택 정확히 볼 수

$(element).css("background-color", "red"); 

을 사용하고 올바른 하나를 선택했다 (I는 웹 페이지에 무슨 일이 일어나고 있는지 볼 캡처()를 사용했다). 파이어 폭스의 firebug 개발 도구에 대한 코드를 시험해 보았지만 정상적으로 작동하지만 클릭 기능을 전혀 사용할 수 없습니다.

Answer 1

여러 가지를 시도해 볼 수 있습니다. onlick 전화를 사용 onlick

element[0].onclick(); 

를 사용하여 JQuery와 click

element.click(); 

를 사용

1. element[0].onclick.call(element[0]); 
   

2. 는에 등록하십시오 casper.click

   var x = require('casper').selectXPath; 
   this.evaluate(function(){ 
       var $element = $('h4:contains("test")').prev().find('.delete'); 
       $element.css("background-color", "red"); 
   }); 
   this.click(x("//h4[contains(.,'test')/preceeding-sibling::*[1]//*[contains(@class,'delete')]]"));