Javascript 让用户选择如何显示表格

我有一个表，我希望用户选择如何查看该表，而无需转到其他url。。我希望所有这些都由javascript和jquery完成

有两种类型的视图，一种是有图片的，另一种是没有图片的

带图片的代码为：

<ul>
<li style="float:right;"><img src="{$pictureurl}"/></li>
<li> {$sometext}</li>
<li>{$sometext}</li>
<li>{$sometext}</li>   
</ul>

{$sometext}
{$sometext}
{$sometext}

非图片的代码如下所示：

<table>
<tr>
<th>{sometext}</th>
<th>{sometext}</th>
<th>{sometext}</th>
</tr>
<tr>
<td >{$sometext}</td>
<td >{$sometext}</td>
<td >{$sometext}</td>
</tr>
</table>

{sometext}
{sometext}
{sometext}
{$sometext}
{$sometext}
{$sometext}

我将创建一个按钮，一个用于第一个视图，另一个用于第二个视图。。问题是我不知道如何将内容从一个更改为另一个。。他们的代码是这样做的吗？它是什么？如何使用它

---

提前感谢您的帮助：）

将您的内容包装为DIV，然后更改DIV的可见性

<div id="photos" style="display:none">   <-- this one starts off hidden
...your content..
</div>

<div id="nophotos">    <-- this one starts off visible
...your content..
</div>

<input type="button onclick="showPhotos()" value="show photos">
<input type="button onclick="hidePhotos()" value="hide photos">

---

将内容包装为DIV，然后更改DIV的可见性

<div id="photos" style="display:none">   <-- this one starts off hidden
...your content..
</div>

<div id="nophotos">    <-- this one starts off visible
...your content..
</div>

<input type="button onclick="showPhotos()" value="show photos">
<input type="button onclick="hidePhotos()" value="hide photos">

---

您可以这样做：

您可以这样做：

您必须为您的表分配一个id，然后您可以调用此jquery：

   $("[Your Table ID]  img").css("displaye":"none");

您可以使用“切换”再次显示图片：

 $("#btn").toggle(function(){$("[Your Table ID]  img").css("displaye":"none");};function(){$("[Your Table ID]  img").css("displaye":"inline");});

---

您必须为表分配一个id，然后可以调用此jquery：

   $("[Your Table ID]  img").css("displaye":"none");

您可以使用“切换”再次显示图片：

 $("#btn").toggle(function(){$("[Your Table ID]  img").css("displaye":"none");};function(){$("[Your Table ID]  img").css("displaye":"inline");});

---

既然您已经标记了jquery，那么您是否已经查看了jqgrid？您可以使用该选项轻松地显示/隐藏列。你也可以把图片放在一个单独的地方，然后选择隐藏它。。。。当然，根据需要也有很多选择，因为您已经标记了jquery，您看过jqgrid了吗？您可以使用该选项轻松地显示/隐藏列。你也可以把图片放在一个单独的地方，然后选择隐藏它。。。。当然，根据需要，也有很多替代方法。他使用jQuery，因此最好将函数分配给事件，如

$（“#按钮_显示”）。单击（函数（）{showPhotos（）；}）是的，但似乎OP是个初学者。有时“艰难之路”提供了更清晰的解释。他使用jQuery，因此最好将函数分配给事件，如
$（“#按钮_显示”）。单击（函数（）{showPhotos（）；}）是的，但似乎OP是个初学者。有时“艰难之路”提供了更清晰的解释。