将参数从div传递到javascript函数

以下脚本有一个名为loadurl的参数。该代码表示通过对数据库的ajax调用检索的页面。我想在一个div将参数从div传递到javascript函数

$(".get").click(function() 
    { 
     $.get(loadUrl, 
       function (responseText){ 
       $("#result").html(responseText); 
      }); 
    } 
    );

的HTML代码，我想提供新的URL $。获得（）函数

<div onclick="$.get()" class="get"> page 1</div> 
<div onclick="$.get()" class="get"> page 2</div>

动态提供一个URL到$获得（）函数与一个onclick命令

谢谢

来源

2011-08-03 princesden

为什么你不使用'a'标签并使用'href'属性？ –

为什么不使用标签并使用href属性？

$(".get").click(function() 
    { 
     $.get($(this).attr('href'), 
       function (responseText){ 
       $("#result").html(responseText); 
      }); 
     return false; 
    } 
    );

这里是一些html。

<a href="url" class="get"> page 1</a> 
<a href="url2" class="get"> page 2</a>

来源

2011-08-03 15:19:37

它的工作表示感谢！ – princesden

请upvote我的答案，如果你发现它也有帮助。 –

我改变了你的jQuery岬多采用内置的JavaScript，使其更容易阅读和理解

HTML：

<div onclick="javascript:get(this)" class="get"> page 1</div> 
<div onclick="javascript:get(this)" class="get"> page 2</div>

和JavaScript：

function get(div) 
     { 
      $.get(div.innerHTML, 
        function (responseText){ 
        $("#result").html(responseText); 
       }); 
     } 
     );

来源

2011-08-03 15:20:43 normanthesquid

通过您所问的内容，您希望将div的内容（div中的文本）用作第ejax请求的URL。

您可以通过执行获取文本：

$(this).text()

这样：

$(".get").click(function() 
    { 
     $.get($(this).text(), 
       function (responseText){ 
       $("#result").html(responseText); 
      }); 
    } 
    )

来源

2011-08-03 15:21:54

它看起来有点超过规定。你可以尝试这样的：

$(".get").click(function() { 
    $.get($(this).attr("loadUrl") , 
      function (responseText){ 
      $("#result").html(responseText); 
     }); 
    } 
); 

<a loadUrl="url" class="get"> page 1</a> 
<a loadUrl="url2" class="get"> page 2</a>

来源

2011-08-03 15:22:22

将参数从div传递到javascript函数

回答

相关问题