jqueryの文字列を関数として使いたい

Question

質問です
以下のような処理をしたいのですが

$(function(){
 function move_flag(move){
       $("#hoge").move.fadeIn();
 }
  $("#next_btn").click(function() {
    var move = "next()";
    move_flag(move);
 }
 $("#prev_btn").click(function() {
    var move = "prev()";
    move_flag(move);
 }
});

変数「move」の中が「move_flag」の中で文字列として認識されてしまいます。
下記のように書いてもエラーが出ます

    var move = next();

関数内で変数として扱う方法はないでしょうか？

Answer 1

普通にオブジェクトで渡せばよいのでは？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
 function move_flag(obj){
   obj.fadeIn();
 }
  $("#next_btn").on('click',function() {
    var obj =$("#hoge").next();
    move_flag(obj);
  });
  $("#prev_btn").on('click',function() {
    var obj = $("#hoge").prev();
    move_flag(obj);
  });
});
</script>

<div style="display:none">prev</div>
<div id="hoge">hoge</div>
<div style="display:none">next</div>
<input type="button" value="prev" id="prev_btn">
<input type="button" value="next" id="next_btn">

Answer 2

$( function() {
	function move_flag( move ) {
		$( '#hoge' )[ move ]().fadeIn();
	}
	$( '#next_btn' ).click( function() {
		move_flag( 'next' );
	} );
	$( '#prev_btn' ).click( function() {
		move_flag( 'prev' );
	} );
} );
```**動くサンプル：**[https://jsfiddle.net/4c7qvb7m/](https://jsfiddle.net/4c7qvb7m/)

Comments

[退会済みユーザー]

ありがとうございます
今回はこちらのやり方が一番コード量少なく済みました

Answer 3

eval("next()");