2017-07-21 4 views
1

私は​​タグ内の文字列をHTMLで表示して表示するにはどうすればよいですか?私はその有するある種のstring.For例に関して、それぞれの画像ボタンをクリックします

  • TASK1 JOB1
  • タスク2 JOB2

に2つの値をきたし、そこにあると仮定することができます各task.Nowのボタンは、 "task1"のテキストを持っているボタンを自動クリックしたい。

Image of my sample table

$(document).ready(function() { 
 
    $(function() {       
 
    var foundin = $('*tr td:contains("task1")'); 
 
    var objs = JSON.stringify(foundin);    
 
    if (objs != null) {      
 
     $('#imageField2').trigger('click');                                
 
     alert("Found!!!"); 
 
    } 
 
    });    
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table> 
 
    <tbody> 
 
    <tr> 
 
     <td>ID</td> 
 
     <td>Task</td> 
 
     <td>Action</td> 
 
    </tr> 
 
    <tr> 
 
     <td>1</td> 
 
     <td>task1 job1</td> 
 
     <td><input type="image" id="imageField"></td> 
 
    </tr> 
 
    <tr> 
 
     <td>2</td> 
 
     <td>task2 job2</td> 
 
     <td><input type="image" id="imageField2"></td> 
 
    </tr> 
 
    </tbody> 
 
</table>

また、私はVARから "タスク1" の値を取得する必要があり

注foundin:ボタンのタイムアウトのための機能がありますがをクリックしてください。

あなたは、単にこのためのjQuery .each()機能を使用することができます
setTimeout(function() { 
    location = '' 
}, 3000) 
+0

あなたは '$(関数(持っている)は、{...}' '$(ドキュメント).ready(関数(){_inside_ .. JSON.stringify()の呼び出しの目的は何ですか?JSONは、あなたがしようとしていることとどのように関係していますか?テストしていますか? JSON.stringify()の結果が 'null'かどうかを調べる('!= 'を使っているので' undefined'もテストします)いつ ' JSON.stringify() '?あなたが' JSON.stringify() 'に渡す値はjQueryオブジェクトなので結果は決して' null'になりません –

+0

@MichaelGeary - うん、私はアンダートッド。私はjqueryに非常に基本的です。私は常に心に留めておきます。 –

答えて

0

..

$('tr td:nth-child(2)').each(function(){ 
 
    var foundin = $(this).html(); 
 
    if(foundin.indexOf('task1') !== -1) { 
 
    console.log('task1 string found'); 
 
    $(this).parents('tr').find('input').trigger('click'); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tbody> 
 
    <tr> 
 
     <td>ID</td> 
 
     <td>Task</td> 
 
     <td>Action</td> 
 
    </tr> 
 
    <tr> 
 
     <td>1</td> 
 
     <td>task1 job1</td> 
 
     <td><input type="image" id="imageField"></td> 
 
    </tr> 
 
    <tr> 
 
     <td>2</td> 
 
     <td>task2 job2</td> 
 
     <td><input type="image" id="imageField2"></td> 
 
    </tr> 
 
    </tbody> 
 
</table>

0

するvar foundin = $( '* TR TD置き換える:含まれています( "タスク1")');

するvar foundin = $( '*' 削除)と

( 'trのtdは:)( "タスク1" が含まれます');

値用として

、使用:

if(foundin.length == 1){ 
    var text = foundin.text(); 
    // do your thing... 
} 
関連する問題