如何適應我的HTML頁面的自動應答代碼？

Question

我是初學javascript的。所以我無法適應我的HTML代碼。
你能適應我嗎？你有什麼建議爲我編輯這些類型代碼？
謝謝。

我的代碼是jsfiddle.net/66Lam。

我發現「How can I automatically select specific radio buttons with Greasemonkey?」，但不知道夠不夠，以使其適應我的目標網頁，其中有HTML這樣的：

<div id="soruareain" class="soruareainimagesiz"> 
    <div id="sorunodiv"> 
     <div id="soruno">1</div> 
    </div> 
    <div id="soruveseceneklerdiv"> 
     <div id="sorunediv"> 
      <div id="sorune">Which sport is playing with ball ?</div> 
     </div> 
     <div id="soruseceneklerdiv"> 
      <div id="sorusecenekler"> 
       <div id="cevap1" class="dcevap cevaplaraltalta "> 
        <input type="radio" name="cevapr" id="cevapr1" value="1" class="rcevap"/><span class="lcevap" onclick="sec(1);">athletics </span> 
       </div> 
       <div id="cevap2" class="dcevap cevaplaraltalta "> 
        <input type="radio" name="cevapr" id="cevapr2" value="2" class="rcevap"/><span class="lcevap" onclick="sec(2);">swimming </span> 
       </div> 
       <div id="cevap3" class="dcevap cevaplaraltalta "> 
        <input type="radio" name="cevapr" id="cevapr3" value="3" class="rcevap"/><span class="lcevap" onclick="sec(3);">fencing </span> 
       </div> 
       <div id="cevap4" class="dcevap cevaplaraltalta "> 
        <input type="radio" name="cevapr" id="cevapr4" value="4" class="rcevap"/><span class="lcevap" onclick="sec(4);">Football </span> 
       </div> 
       <div style="display: none;"> 
        <input type="hidden" name="cevapadet" id="cevapadet" value="4"/> 
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

許多事情：

1. 不要稱呼問題給特定的人。改爲Write a quality question。任何人都可以回答一個很好的問題，並且無論如何我都會收到Greasemonkey問題的警報（除非它得到太多的降價，太快）。

2. 看起來這個問題可能會很快關閉（也許刪除），所以看到代碼在jsfiddle.net/66Lam/8/儘管你可以。

3. 請重讀the How to Ask page。請注意，如果用戶覺得沒有花費精力，或者問題看起來「太過本地化」，問題就會趨於封閉。

4. 這種「show me teh codez」問題必須正確表達，否則人們會關閉它。

   堆棧溢出通常不是腳本寫入服務。我只回答這樣的問題，因爲：

   1. 這是（通常）很容易的樂趣，就像做一個填字遊戲。
   2. 對於Greasemonkey腳本，將通用解決方案應用於特定目標頁面對初學者來說可能是一項艱鉅的挑戰。

   
   

5. 適應那個按鈕的代碼，你必須學會​​如何jQuery selectors涉及到HTML，代碼調整到目標頁面。在這種情況下，關鍵的變化是：

   var questionTxt = $("#sorune"); 
   

   和

   var ansForThisQ = $(this).parent().nextAll ("div").find ("div.dcevap span.lcevap"); 
   

   和

   var label  = $(this); 
   var radioButt = label.prevAll ("input"); 
   

   
   

6. 的答覆文件不應該有開頭或結尾空格。所以，"Football "是壞的，使用"Football"。

7. 此代碼需要jQuery，所以在製作/使用jsFiddles時，設置jQuery庫，請參閱我鏈接的小提琴。