1

I *に<div>は、ドロップダウン値の変更時に表示の位置を交換する必要がある2つのコンテナーがあります。

では、これはJqueryを使用してどのように達成できますか？

以下は、位置を交換する必要がある2つのdivコンテナです。

<div id="first"><p>I will be displayed on second place on dropdown's particular value</p></div>

<div id="second"><p>I will be displayed on first place on dropdown's same value for which first div is placed at second position</p></div>
4

2 に答える 2

3

シンプルなJavascriptを使用

<script>

function interchange()
{
 var strDiv1Content = document.getElementById('first').innerHTML;
 var strDiv2Content = document.getElementById('second').innerHTML;

 document.getElementById('first').innerHTML = strDiv2Content;
 document.getElementById('second').innerHTML = strDiv1Content;

}

</script>

jQueryの使用

<script>
function interchange()
{
  var strDiv1Cont = $("#first").html();
  var strDiv2Cont = $("#second").html();

  $("#first").html(strDiv2Cont);
  $("#second").html(strDiv1Cont);
}

</script>

いくつかのボタンクリックで関数交換を呼び出す

<input type ='button' value ='interchange' onclick='interchange' />
于 2013-02-27T06:46:07.243 に答える
2

これでできます。

var firstHtml = $('#first').html();
var secondHtml = $('#second').html();

$('#second').html(firstHtml);
$('#first').html(secondHtml);
于 2013-02-27T06:46:23.920 に答える